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

问题描述 投票:1回答:1

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

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

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

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

javascript reactjs drag-and-drop react-dnd
1个回答
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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.