如何拖动SVG的可见区域

Question

目前，我有一个由几个SVG组成的谜题。我可以使用img标签并使用jQuery UI使它们可拖动。

问题在于每个都充当矩形，而且很多都不是矩形。

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

我已经尝试了object，但这根本不会拖延。

这样做的最佳方式是什么？

Answer 1

您可以使用内联svg代替img，就像在此example中一样。

如果要使用矩形图像作为源，请注意可以使用clip-path属性将它们剪裁为任何不规则形状。这将影响某些部分是否被视为对鼠标事件“透明”。