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

标签 html drag-and-drop

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

设置拖动图像:

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

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

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

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

最佳答案

我没有找到简单的方法

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

关于html - e.dataTransfer.setDragImage 完全不透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24499358/

相关文章:

php - 如何在 laravel 中选中和不选中复选框时显示 2 个不同的值?

html - 如何在 HTML 的每行末尾添加空格?

c++ - 落下 : how to determine which mouse button is being used?

Android ImageView 拖拽定位

jakarta-ee - 具有可移动控件(拖放)的 SWT Composite

javascript - 如何做响应式拖放绝对定位?

php - {textarea} 聪明的 php

javascript - 悬停时隐藏背景层,悬停在 <p> 元素上时收割

java - 将 JLabel 拖到 JFrame 之外

html - 展示图片和轮播标题