drawImage使用SVG作为图像参数

Question

我使用ctx.drawImage(image, dx, dy);方法将svg绘制到我的画布上。

现在我从DOM获取SVG并将其转换为base64字符串，以便在img.src = "convertetsvg"之后将其用作img.onload()

有没有办法将DOM 中的SVG用作实际图像？

在这个小例子中类似image = this._$svgElement[0]（这是我的目标，但我不知道该怎么做或者甚至可能。）我知道drawImage接受{ {1}}但我认为这与DOM中的SVGImageElement不一样？

Answer 1

不，没有用于将DOM文档呈现到画布的界面。您必须说明image source。

SVGImageElement是<image>元素的界面，您可以在SVG内容中使用它来引用外部图像，就像在HTML中使用<img>标记一样。