Chrome дает предупреждение при загрузке SVG в <img>

Чтобы отобразить файл изображения SVG на холсте, у меня есть следующая строка в HTML:

<img id="soundOnImg" src="img/speaker_on.svg" style="display:none"></img>

а затем нарисовать его на холсте, который я делаю:

ctx2d.drawImage($("#soundOnImg")[0], 10, 10, 200, 200);

(используя jQuery $() там)

Это прекрасно работает, за исключением одного раздражения - Chrome дает мне следующее предупреждение:

Resource interpreted as image but transferred with MIME type image/svg+xml.

Что означает это предупреждение?

Я попытался использовать <object> вместо <img>, но это не сработало, поскольку по какой-либо причине элемент-объект не имеет [0].

Как я могу это исправить?

Ответ 1

Это ошибка в коде WebKit в комплекте с Chrome. WebInspector.Resource._checkWarning() вызывает WebInspector.Resource._mimeTypeIsConsistentWithType(), чтобы проверить тип mime ресурс. Эта функция проверяет значение для объекта WebInspector.MIMETypes, который не содержит записи для изображений SVG.

Это не исправлено в створке WebKit, поэтому вы должны сообщить об этом как об ошибке.