一句话说明canvas 中的save()和restore()的用途

来源:互联网 发布:软件配置管理人员职责 编辑:程序博客网 时间:2024/04/30 15:13

流程:

(1)canvas 原始状态 --> save --> (2)对canvas进行操作(旋转、平移等)-->restore--> (3)canvas 原始状态


restore就是对(2)中的操作(这里的操作指的是旋转、平移等,不包括绘画操作)进行逆操作。


注意(标题中的“一句话”):(2)中是对canvas进行操作,但是我们在canvas绘图的坐标是不变的


例子:画一条水平向下倾斜30度的直线。

方法1:画一条线需要两个点,通过三角函数计算出第二点的坐标,连接两点就可以了。

方法2:把canvas水平向上倾斜30度旋转,然后画一条水平线(省了三角函数计算)。然后再把画布restore到旋转前。


方法2要比方法1方便许多。

0 0
原创粉丝点击