TAG
CSS
JavaScript
Result
Run
Please click to document.
#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