Чтобы отобразить файл изображения 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]
.
Как я могу это исправить?