TAG
CSS
JavaScript
Result
Run
License
<h3>Please hover your mouse over the image.</h3> <canvas id="mycanvas" width="500" height="270"></canvas>
canvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); const context = elCanvas.getContext("2d"); const elImg = new Image(100, 90); elImg.src = "http://resrc.devdic.com/img/bysize/below_200/01.png"; elImg.crossOrigin = "Anonymous"; elImg.onload = function() { context.drawImage(elImg, 20, 20); }; document.addEventListener("mousemove", function(e) { let imgData = context.getImageData(e.offsetX, e.offsetY, 200, 100); context.putImageData(imgData, 250, 20); }); });
Console
expand_less
License
License
by DevDic
Close