实现的效果图
效果图
主要用到的知识点有:
canvas.save();
canvas.restore();
canvas.translate();
canvas.scale();
canvas.rotate();
canvas.save()
和canvas.restore()
是成对出现的,canvas.save()
函数在前,·canvas.restore()
函数在后,用来保证在这两个函数之间所做的操作不会对原来在canvas上所画图形产生影响。
*canvas.translate()
是坐标系的移动,可以为图形绘制选择一个合适的坐标系。 位移是基于当前位置移动,而不是每次基于屏幕左上角的(0,0)点移动。也就是之后的进行的canvas
的坐标的其实位置就是最后移动的坐标位置。
canvas.scale()
顾名思义是缩放操作。它有两个构造方法,如下:
public void scale (float sx, float sy)public final void scale (float sx, float sy, float px, float py)
这两个方法中前两个参数是相同的分别为x轴
和y轴
的缩放比例。而第二种方法比前一种多了两个参数,用来控制 缩放中心位置的。
缩放的中心默认为坐标原点,而缩放中心轴就是坐标轴,每次缩放也是基于上次的比例去缩放。
ps: 详细使用的图文对比参考顶部的参考文章
canvas.rotate()
表示的是 旋转操作。
旋转提供了两种方法:
public void rotate (float degrees)public final void rotate (float degrees, float px, float py)
和缩放一样,第二种方法多出来的两个参数依旧是控制旋转中心点的。
默认的旋转中心依旧是坐标原点,也是叠加的。
作者:_龙衣
链接:https://www.jianshu.com/p/9365fa72a426
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦