使用坐标变换，就可以实现图形变形处理了
三种方式：
1.平移
ctx.translate(x,y);//x 表示坐标轴原点向左移动多少个单位，默认为像素；y 表示坐标轴原点向下移动多少个单位
2.扩大
ctx.scale(x,y);//x 表示水平方向放大（小数表示缩小）倍数，y 表示垂直方向放大缩小的倍数
3.旋转
ctx.rotate(angle);//angle 角度 （正数为顺时针方向旋转，负数为逆时针方向旋转）
当使用坐标变换之后，已以创建好的路径就不能用了，必须重新创建路径。但是重新创建路径之后，坐标变换就失效了，必须先另写一个创建路径的方法，然后在坐标
变换的同时调用该方法
使用矩阵变换同样可以达到图形变换的后果
posted on 2011-08-17 10:48
长春语林科技 阅读(507)
评论(0) 编辑 收藏 所属分类:
html5