我正在尝试使用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>
</>
)
}