x
<html><body><h1>HTML5 Canvas setTransform()</h1><canvas id="myCanvas" width="300" height="300" style="border:1px solid grey">Sorry, your browser does not support canvas.</canvas><script> const canvas = document.getElementById("myCanvas"); const ctx = canvas.getContext("2d"); ctx.fillStyle = "yellow"; ctx.fillRect(10, 10, 200, 100) ctx.setTransform(1, 0.5, -0.5, 1, 30, 10); ctx.fillStyle = "red"; ctx.fillRect(10, 10, 200, 100); ctx.setTransform(1, 0.5, -0.5, 1, 30, 10); ctx.fillStyle = "blue"; ctx.fillRect(10, 10, 200, 100);</script></body><!-- /graphics/tryit.asp?filename=trycanvas_settransform by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Feb 2025 18:35:31 GMT --></html>