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

Posted 2021-04-20

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

我试图在不同的div（代表棋盘方块）之间制作可拖动和可放置的png图像

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

问题是当我拖动图像时，图像采用方形背景颜色是否可以将其从拖动图像中删除？如果没有，是否有另一个拖放库可以实现？

答案

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

例如：

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