canvas里面的transfrom与css3中的基本是一样的,唯一的不同是原点,canvas的默认原点是图形的左上角,css3是图形的中心,
translate(x,y)方法
是用来移动canvas...和它的原点到一个不同的位置,在做变形前,先保存状态是一个良好的习惯,
?...这个方法只接受一个参数:旋转的角度(angle),它是顺时针方向的,以弧度为单位的值。...变形 Transform
ctx.transform(a, b, c, d, e, f),上面的3种方法都是基于transform的,也就是transform的快捷方式
这个函数的参数各自代表如下:
a...:水平方向的缩放
b:水平方向的倾斜偏移
c:竖直方向的倾斜偏移
d:竖直方向的缩放
e:水平方向的移动
f:竖直方向的移动
缩放:scale(a, d) 等同于 matrix(a, 0, 0, d,