018-manual.html (908B)
1 <!DOCTYPE html> 2 <?xml version="1.0" encoding="utf-8"?> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>Setting drag image during drag and drop of SVG image</title> 6 <style type="text/css"> 7 span 8 {color:green; 9 background-color:yellow;} 10 </style> 11 <script type="application/ecmascript"> 12 function start(event) 13 {event.dataTransfer.effectAllowed = 'copy'; 14 event.dataTransfer.setDragImage(document.querySelector('span'), 1, 1);} 15 </script> 16 </head> 17 <body> 18 <p><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22green%22/%3E%3C/svg%3E" alt="SVG circle" ondragstart="start(event)"/></p> 19 <p>Try to drag green circle above. You should see word <span>PASS</span> in feedback overlay.</p> 20 </body> 21 </html>