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

Question

Чтобы отобразить файл изображения 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].

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

Answer 1

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

Похоже, что это не исправлено в соединительной линии WebKit , поэтому вам, вероятно, следует сообщить об ошибке .