HTML5 canvas setTransform() 方法

实例

形,通过 setTransform() 当您调用 setTransform() 下面:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

ctx.fillStyle="yellow";
ctx.fillRect(0,0,250,100)

ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="red";
ctx.fillRect(0,0,250,100);

ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="blue";
ctx.fillRect(0,0,250,100);

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 setTransform() 方法。

注释:Internet Explorer 8 <canvas> 元素。

setTransform() 数运行 transform()

setTransform()

注释:影响 setTransform()

JavaScript 语法:

context.setTransform(a,b,c,d,e,f);

参数值

参数 描述
a
b
c
d
e
f