将<svg> <image>移动到blob图片</image> </svg>

Question

此问题适用于具有SVG扩展知识的高级Web开发人员。 我正在开展一个需要移动SVG IMAGE的项目 进入BITARRAY链接并进入IMG SRC。

到目前为止，我已经成功地使用常规的svg形状（rect，path ...），但是当我在 试图用IMAGE标签做同样的事情，图片会折叠成空图像 我已经使用了此过程的MDN方法，您可以在此链接Drawing DOM objects into a canvas

中看到该方法

要注意的事项：
 *我已成功将图像本身加载到svg图像元素中  *图像标记

<svg version="1.1" width="19" height="19" preserveaspectratio="none">
<image x="0" y="0" width="18.867924528301888" height="18.867924528301888" id="box_2_rect" fill="#000" href="http://someUrl/a809e372db0b6d2dfaa09b3039205ab6.jpg"/>
</svg>

我对此表示不满，但网上的信息非常稀少。 只是有人请解释为什么IMAGE标签刹车一切!!!!

Answer 1

我正在用我找到的答案更新这个帖子。 基本上，当使用外部对象标记时，其所有内容必须是免费的，这意味着对您或其他服务器上的文件没有任何影响。异物的内容必须清洁起源。这意味着你无法在异物标签内显示图像。我不确定svg标签的内容。但是帆布可以做到这一点，如果你试图将html复制到画布，你可以用我共享的链接中描述的技术来做到这一点，而且当你的画布准备好使用html时，tou可以将图像加载到它上面，将它们放在帆布在右边的地方。这是你需要做的一些编程。