DrawImage использовать SVG в качестве параметра изображения

Question

Я использую метод ctx.drawImage(image, dx, dy); для рисования SVG на холсте.

Сейчас я получаю SVG из DOM и преобразую его в строку base64, чтобы использовать его как img.src = "convertetsvg" после img.onload()

Есть ли способ использовать SVG из DOM как фактического изображения?

В этом небольшом примере что-то вроде image = this._$svgElement[0] (Это то, к чему я стремлюсь, но я не знаю, как это сделать или если это вообще возможно.) Я знаю, что drawImage принимает SVGImageElement, но я думаете, что это не то же самое, что <svg> из DOM?

Answer 1

Нет, нет интерфейса для отображения документа DOM на холсте. Вы должны указать источник изображения .

SVGImageElement - это интерфейс элемента <image>, который можно использовать внутри содержимого SVG для ссылки на внешнее изображение, так же, как вы используете тег <img> в HTML.