html - e.dataTransfer.setDragImage 完全不透明

Question

我正在使用 HTML5 拖放 API。我已经使用可见节点设置了拖动图像，但它是重影/部分透明的。

设置拖动图像:

evt.dataTransfer.setDragImage(someVisibleElement, -12, -8);

我看到的每个例子都是半透明的:

http://www.kryogenix.org/code/browser/custom-drag-image.html

看起来你不能在这个元素上设置不透明度，这是真的吗？MDN docs 中没有选项, 但我希望有人能证实。如果我们可以设置图像，将我们锁定在 50% 的不透明度似乎很奇怪。

Answer 1

我没有找到简单的方法

但你可以努力做到:-D。创建/克隆你想看到拖动的元素，附加到 dom，设置位置固定，并在 dragstart 和 dragend 之间根据你的鼠标位置更新他的位置。