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