Estoy tratando de definir la imagen que aparece cuando arrastro un elemento dentro de mi página. Vi cómo hacerlo con DataTransfer.setDragImage()
en ese enlace pero conmigo no funciona. Hay dos diferencias entre mi código y el ejemplo:
DragEnter
mientras el enlace se realiza en DragStart
;Ya hice una prueba y la imagen se está generando correctamente. Este es el código responsable de esta funcionalidad:
function handleDragEnter(event) { const img = new Image; const reader = new FileReader; reader.readAsDataURL((new Blob(icon(faPhotoFilmMusic).html, { type: 'image/svg+xml' }))); reader.addEventListener('load', () => { img.src = reader.result; event.dataTransfer.setDragImage(img, 10, 10); }); }
Creo que el problema está en la falta de paréntesis:
function handleDragEnter(event) { const img = new Image(); // <=== change this const reader = new FileReader(); // <=== change this reader.readAsDataURL((new Blob(icon(faPhotoFilmMusic).html, { type: 'image/svg+xml' }))); reader.addEventListener('load', () => { img.src = reader.result; event.dataTransfer.setDragImage(img, 10, 10); }); }