将图像拖到透明 png 后面

Posted 2023-05-08

【中文标题】将图像拖到透明 png 后面

【英文标题】：Drag image behind a transparent png

【发布时间】：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 指针事件：无不起作用。捕捉拖动类将起作用，它甚至使我能够旋转图像，这是一个额外的好处。

【参考方案1】：

我找到了这个 snap svg 插件。它不完全是我所追求的，但足够接近开始并且在对这个插件进行了几次更改之后，我现在有了我想要的。

http://svg.dabbles.info/snaptut-freetransform