拖动时如何删除原始图像?

时间:2014-02-12 00:17:43

标签: html5 drag-and-drop

我正在使用HTML5来拖放图片。当我拖动它时,会生成透明克隆。

是否可以隐藏原始图像?我尝试通过将其可见性设置为“隐藏”来实现,但它也删除了透明克隆(即使克隆被另一个带有dataTransfer.setDragImage的图像替换

我知道这可以通过JQuery实现,但我想知道它是如何(如果)本地完成的。

1 个答案:

答案 0 :(得分:2)

我找到了一个解决方案,虽然这是一种破解(因此可能不符合每个人的要求)。

dragstart事件期间,只需将原始图像的路径替换为1 * 1透明像素的路径,然后在dragend事件中恢复原始路径。(你可以从那里抓取这样一个像素:http://www.1x1px.me/

当然,问题在于它并没有真正删除该术语的“可见性:消失”意义上的图像;仍然存在可能导致布局问题的不可见像素。但就我而言,没关系。