Property:
setTransform:
1,-1,0,1,0,0
1,-0.5,0,1,0,0
1,-0.2,0,1,0,0
1,-0.1,0,1,0,0
1,0,0,1,0,0
1,0.1,0,1,0,0
1,0.2,0,1,0,0
1,0.51,0,1,0,0
1,1,0,1,0,0
Canvas:
your browser does not support the canvas tag
Code:
var c=document.getElementById('myCanvas');
var ctx=c.getContext('2d');
ctx.setTransform(
1,0,0,1,0,0)
;
ctx.fillStyle='lightblue';
ctx.fillRect(50,50,250,100);
ctx.fillStyle='red';
ctx.font='30px Arial';
ctx.fillText('Transform', 60,80);
Click the property values above to see the result
W3Schools.com
- Play it