如何将DOM中的图片绘制到canvas上？

Question

一个新手因为知识面太窄导致读不懂文档。

在MDN上有关canvas有这么一章《将 DOM 对象绘制到 canvas 中》
其中对插入图片有一段这样的描述：

SVG 图像不允许加载任何外部资源，即使看上去来自同一个域。资源如栅格化图像（如 JPEG 图像）或 <iframe> 需要用 data: URIs 来内联引入。

有关插入图片的介绍就这么一段，但是我看不懂

文章中有这么一段demo，效果也不错，但是没有引入图片，我尝试用标签，没有什么效果

<img src=""></img>

想问问如何解决这个问题？我想把图片通过这种方式绘制到canvas上

Answer 1

不太明白你想表达什么。这段代码是把SVG转成Blob，然后把img的src指向这个blob，那么img就会展现这个svg的样式。然后通过canvas把img画到画布上