드래그하는 동안 원본 이미지를 제거하는 방법은 무엇입니까?

Question

HTML5를 사용하여 이미지를 끌어 놓습니다. 드래그하면 투명한 클론이 생성됩니다.

원본 이미지를 숨길 수 있습니까? 나는 그것의 가시성을 "숨김"으로 설정하려고했지만 투명 복제본을 제거합니다 (복제본이 dataTransfer.setDragImage으로 다른 이미지로 대체 되더라도).

이것이 JQuery로 얻을 수 있다는 것을 알고 있지만 네이티브로 어떻게 할 수 있는지 궁금해.

Answer 1

해킹과 비슷하지만 해결책을 찾았습니다 (따라서 모든 사람의 요구 사항에 맞지 않을 수도 있음).

dragstart 이벤트 중에 원래 이미지의 경로를 1 * 1 투명 픽셀의 경로로 바꾸고 원래 경로를 dragend 이벤트로 복원하십시오. (거기에서 그러한 픽셀을 가져올 수 있습니다 : http://www.1x1px.me/)

물론 문제는 용어의 "가시성 : 사라짐"의미에서 이미지를 실제로 제거하지 않는다는 것입니다. 아직 레이아웃 문제를 일으킬 수있는 보이지 않는 픽셀이 있습니다. 내 경우에는 괜찮습니다.