拖动png图像时是否可以去除背景色？

Question

我正在尝试使用react-dnd在react-js中制作国际象棋游戏

我正在尝试在不同的div（代表木板正方形）之间制作可拖放的png图像

我尝试将图片背景色的不透明度设置为0，但不起作用

问题是，当我拖动图像时，图像会呈现方形背景色 是否可以将其从拖动的图像中删除？如果没有，那么还有另一个拖放库可以实现吗？

Answer 1

关键是使预览仅包含作品的图像，而不是包裹更多的图像。如果您编辑问题以指向更多代码，则我可能会为您提供更多帮助。

例如：

const Knight = ({ connectDragSource, connectDragPreview, isDragging }) => {
  return (
    <>
      <DragPreviewImage connect={connectDragPreview} src={knightImage} />
      <div
        ref={connectDragSource}
        style={Object.assign({}, knightStyle, {
          opacity: isDragging ? 0.5 : 1,
        })}
      >
        ♘
      </div>
    </>
    )
   }

Full code. See Knight.jsx

Answer 2

您可以将CSS样式添加到可拖动元素中：

transform: translate(0, 0);