Javascript 移动一个<；svg>&书信电报；图像>；变成一团

此问题面向具有SVG扩展知识的高级web开发人员。 我正在做一个需要移动SVG图像的项目 进入位数组链接和IMG SRC

到目前为止，我已经成功地使用常规svg形状（rect、path…）实现了这一点，但是当im
尝试对图像标签执行相同操作时，图片将折叠为空图像。
我已经使用了这个过程的MDN方法，你可以在这个链接中看到这个方法

需要注意的事项：
*我已成功地将图像本身加载到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>

我对此感到非常震惊，但网上的信息非常稀少。

---

请解释一下为什么图像标签会阻止一切

我正在用我找到的答案更新此线程。

---

基本上，当使用外来对象标记时，其所有内容都必须是无来源的，这意味着对您或其他服务器上的文件没有引用限制。异物的内容必须没有来源。这意味着您不能在异物标记内显示图像。我不确定svg标记的内容。然而，canvas可以做到这一点，如果您试图将html复制到canvas，您可以使用我共享的链接中描述的技术做到这一点，并且当您的画布准备好html时，您可以将图像加载到画布中，并将其放置在画布上的正确位置。这是你需要做的一些编程

SVG

标记中的

href

属性属于xlink名称空间，而不是SVG名称空间。你应该先纠正这个问题。我现在就做了你写的。图像不会显示所有形状，但图像元素不会显示引用你的教程链接：“SVG图像不允许加载任何外部资源，例如，即使是看起来来自同一域的资源。资源如光栅图像（如JPEG图像）因此，在将图像插入画布之前，必须将图像转换为dataurl。