完全不透明的e.dataTransfer.setDragImage
完全不透明的e.dataTransfer.setDragImage
提问于 2014-07-01 05:39:37
我使用的是HTML5拖放应用编程接口。我使用一个可见的节点设置了一个拖动图像，但它是重影的/部分透明的。
设置拖动图像：
evt.dataTransfer.setDragImage(someVisibleElement, -12, -8);我看到的每个例子都是半透明的：
http://www.kryogenix.org/code/browser/custom-drag-image.html
看起来你不能在这个元素上设置不透明度，这是真的吗？中没有选项
MDN文档
，但我希望有人能证实。如果我们可以设置一个图像，那么将我们的透明度限制在50%似乎很奇怪。
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-01-27 00:15:41
不能在此元素上设置不透明度。我希望能够指出规范或错误报告中指出这是这种情况的部分。
Stack Overflow用户
发布于 2016-01-26 00:12:18
我没有找到简单的方法
但你可以很难做到:-D。创建/克隆你想要看到的拖动元素，附加到dom，设置位置固定，以及在拖动开始和拖动结束之间根据你的鼠标位置更新他的位置。
Stack Overflow用户
发布于 2021-03-02 12:38:05
在拖动时使用event.dataTransfer.setDragImage(new Image()，0，0)；隐藏原始图像。onDrag获取重影图像，使用event.pageX，evenet.pageY更新位置
onDrag(event){
event.preventDefault();
const parentElement = (document.querySelector('.darggable-ghost-wrapper'));
parentElement.style.position = "fixed";
parentElement.style.left = event.pageX + "px";
parentElement.style.top = event.pageY + 5 + "px";
parentElement.style.opacity = ArhitectUtlityConstants.GHOSTPREVIEW.ghostOpacity;
parentElement.style.border = "1px solid green !important";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24499358
复制相关文章
相似问题
腾讯云开发者
