Html 如何拖动SVG的可见区域

目前，我有一个难题，由几个SVG组成。我可以使用

img

标记，并使用jqueryui将其拖动

问题是每一个都像一个矩形，而且很多都不是矩形

我只想在SVG的绘制部分上拖动

我尝试了

对象

，但一点也不拖拉

---

最好的方法是什么？

您可以使用内嵌svg，而不是像下面这样的

img

如果要使用矩形图像作为源，请注意，可以使用

clip path

属性将其剪裁为任何不规则形状。这将影响某些部分是否被视为对鼠标事件“透明”