Property:
transform:
1,0,0,1,-200,0
1,0,0,1,-100,0
1,0,0,1,-50,0
1,0,0,1,-20,0
1,0,0,1,-10,0
1,0,0,1,0,0
1,0,0,1,10,0
1,0,0,1,20,0
1,0,0,1,50,0
1,0,0,1,100,0
1,0,0,1,200,0
1,0,0,1,300,0
Canvas:
your browser does not support the canvas tag
Code:
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.transform(
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