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

Question

我想知道是否可以通过拖动来移动另一个元素下的图像。不知道怎么描述清楚，请看下面的demo

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

我想从透明照片的顶部触发拖动事件并将另一张照片移动到它下面而不是它本身。

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

如有任何想法，我们将不胜感激。

Answer 1

您可以使用

pointer-events:none 

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