将图像标签拖到 svg 的组标签内答案

【问题标题】：Drag the image tag inside the group tag of svg将图像标签拖到 svg 的组标签内
【发布时间】：2015-10-22 17:59:05
【问题描述】：

图像标签已附加在svg的组标签内。当鼠标悬停在组标签上并拖动时，组标签内的图像不显示，它像文件一样显示。我希望拖动图像而不是图像的 src 文件。

【问题讨论】：

【解决方案1】：

SVG 是矢量图形、图像文件。虽然它支持一些使用 javascript 的动画，但它不支持 DOM 级别的用户交互，例如用鼠标拖动，这与 HTML DOM 元素不同。

另外需要注意的是，它是在 CPU 的帮助下渲染的，并且是 CPU 密集型工作，所以我不认为将组标签拖动到 SVG 是一个好主意。

最后要注意的是，SVG 支持可能因浏览器而异。因此，让您的工作在浏览器之间保持一致将是一个棘手的部分。

【讨论】：

您可以用鼠标拖动 svg 元素，假设它没有“作为图像”加载。使用某个特定的库可能无法做到这一点，但肯定有其他库可以做到这一点（snap.svg、svg.js 等）
如果您可以在 jsfiddle 或类似文件中托管示例，将会很有帮助。