javascript - drawImage使用SVG作为图像参数

Question

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

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

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

在这个小例子中，类似 image = this._$svgElement[0] (这就是我的目标，但我不知道如何做到，或者是否可能。)我知道 drawImage接受SVGImageElement但我认为这与 <svg> 不一样来自 DOM？

Answer 1

不，没有接口(interface)可以将 DOM 文档渲染到 Canvas 上。您必须注明image source .

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