TAG
CSS
JavaScript
Result
Run
<h3>Please click to document.</h3> <canvas id="mycanvas" width="300" height="100"></canvas>
#mycanvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); let context = elCanvas.getContext("2d"); context.setTransform(1, 0.1, 0.8, 1, 0, 0); context.fillRect(30, 20, 70, 30); document.addEventListener("click", e => { let matrix = context.getTransform(); context.setTransform(matrix); context.fillRect(110, 20, 70, 30); }); });
Console
expand_less