【发布时间】:2015-04-04 05:59:21
【问题描述】:
我要添加 2 张图片 - 最上面的一张是透明 png。我希望能够拖动底部图像而不移动顶部图像,但似乎无法弄清楚如何能够拖动它。
使用 jQuery,我可以通过将事件从一个元素传递到另一个元素来使用此方法来做到这一点。
$("#image-up").draggable();
$("#image-fg").on("mousedown", function(event) {
$("#image-up").trigger(event);
});
有没有办法用 snap svg 做到这一点?
【问题讨论】:
-
您可以只将 css pointer-events: none 放在您不想从拖动中窃取的那个上,只需一个普通的 el.drag() 即可。
-
css 指针事件:无不起作用。捕捉拖动类将起作用,它甚至使我能够旋转图像,这是一个额外的好处。
标签: drag-and-drop draggable transparent drag snap.svg