Можно ли убрать цвет фона при перетаскивании png изображения?

Question

Я пытаюсь создать шахматную игру в Reaction-Js, используя Reaction-DDD

Я пытаюсь создавать перетаскиваемые и сбрасываемые изображения в формате png между различными элементами div (представляющими квадраты доски)

Я пытался установить непрозрачность цвета фона изображения на 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>
    </>
    )
   }

Полный код. Смотрите Knight.jsx