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

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

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

我想触发拖动事件形成的透明照片的顶部和移动另一张照片下，但不是自己。

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

任何想法将不胜感激。

来源

2017-09-13 david0116

您可以使用指针事件：CSS中的无可忽略顶层的拖动。这是不是很清楚，如果这是你想要的，但。一个例子.. https://jsfiddle.net/o497akje/12/ – Ian

谢谢。这太神奇了，我不知道它是如何工作的。有一个小问题。如果我在图像上添加指针事件：无，它似乎打破了svg内部元素上的所有事件。 https://jsfiddle.net/david7418/o497akje/14/。我在3个g元素上添加了click事件，如果pointer-events：none不存在，它就不能被触发。 – david0116

是的，如果你禁用指针事件。它也会禁用点击。所以这取决于你在做什么。只有我能想到的其他事情是拖动和点击svg文件并从event.target中检测要执行的操作。 – Ian

您可以使用

pointer-events:none

用CSS来制作的SVG元素不会产生鼠标事件。

来源

2017-09-18 07:14:50 Ian

非常感谢：D – david0116

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

回答

相关问题