基于css3的旋转和基于canvas旋转的比较
RESET
css3是基于图形自身的位置为坐标系进行变换的
canvas有画布的概念,是基于画布坐标系进行变换的
基于中心旋转90
基于左上角旋转90
基于右上角旋转90
基于左下角旋转90
基于右下角旋转90
我们的目标是:
请按顺序点击查看
画原始图片
画出所需画布和图片
坐标原点移动到画布中心并画图片
旋转坐标系90度并画图片
方法1:移动坐标系到右上
方法2:改变画图起点相对于画布的起始位置
(!重置方法1后再测试方法2)