Canvas入门（2）:图形渐变和图像形变换_html/css_WEB-ITnose

来源：http://www.ido321.com/986.html

最终效果：

总结:坐标变换的方法均可以用transform()代替，规则如下：

1、translate(x,y) transform(1,0,0,1,dx,dy)或transform(0,1,1,0,dx,dy)，前四个参数表示不对图形进行缩放操作。

2、scale(x,y) transform(x,0,0,y,0,0)或transform(0,y,x,0,0,0),后面两个参数表示不进行平移。

3、 rotate(angle) transform(Math.cos(angle*Math.PI/180),Math.sin(angle*Math.PI/180),- Math.sin(angle*Math.PI/180),Math.cos(angle*Math.PI/180),0,0)或

transform(-Math.sin(angle*Math.PI/180),Math.cos(angle*Math.PI/180),Math.cos(angle*Math.PI/180),Math.sin(angle*Math.PI/180),0,0)

下一篇：Canvas入门（3）:图像处理和绘制文字

查看更多关于Canvas入门（2）:图形渐变和图像形变换_html/css_WEB-ITnose的详细内容...