Почему firefox не рисует с помощью canvas SVG спрайты?

Question

[ClaraOswald]

Cnavas в firefox не рисует SVG если это спрайт, то есть SVG запрашивается не так /icons-sprite.svg, а так /icons-sprite.svg#usd-usage (то есть мы говорим что нам нужен конкретный фрагмент #usd-usage)

let img = new Image();
        img.onload = () => {
          cx.drawImage(img, 7, h-5, 20, 20);
        };
        img.src = '/icons-sprite.svg#usd-usage';

если я пробую рисовать другой svg файл, НЕ спрайт то все нормально.
Думал что проблема может быть в xlink:href заменил на просто href не помогло
https://jsfiddle.net/ko9rL91z/2/ - пример
https://pastebin.com/6LK58Xw5 - пример SVG
Есть идеи в чем проблема?
в хроме все просто замечательно.

Answer 1

[trushka]

Я думаю, надо для SVG задать width и height или viewbox.

Comments

[ClaraOswald]

viewbox был задан, задал также width и height.
Без изменений.
https://jsfiddle.net/ko9rL91z/4/