如何通过拖动另一个元素来移动svg图像？

Question

我想知道是否有可能通过拖动移动另一个元素下的图像。我不知道如何清楚地描述它，请看下面的演示。

https://jsfiddle.net/david7418/o497akje/10/

我想从透明照片顶部触发拖动事件，然后将另一张照片移到它下面而不是自己。

 $(function() {
       obj = Snap(".cat");
       //Enable drag event
       obj.drag();
 }

非常感谢任何想法。

Answer 1

您可以使用

pointer-events:none 

使用css使svg元素不创建鼠标事件。