本文主要是介绍生平第一章:关于android中的canvas的restore和save,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在博客上看到一些博客写到关于这两者的解析,有的说是画布的移动和缩放,总感觉不太对,所以在这里就作为自己生平第一篇博客,论一论这两个东西:
canvas.save :Saves the current matrix and clip onto a private stack.
我们知道canvas的很多操作:
translate,scale,rotate,skew,concat or clipRect,clipPath(移动,缩放,旋转,倾斜,串联或者剪裁,切割)之后,会产生相应的变换数据,这个数据时被放在一个私有化的stack中,这个private stack 就像window里面的还原点的存储内容一样。每一个栈item存放的是两次save之间的一系列变化操作:
例如:
canvas.save(); canvas.scale(2,2); canvas.translate(2,2); canvas.rotate(90); canvas.save();
第二个save操作时,在 private stack 就会多一个item,这个item里面存储的就是scale,translate,ratate这三次
操作。
canvas.restore:This call balances a previous call to save(), and is used to remove all modifications to the matrix/clip state since the last save call. It is an error to call restore() more times than save() was called.
这是一个和save相对应的操作,将矩阵/剪切状态置回到最近的一次save操作时。restore的调用次数不能比save多,否则会报错。
通俗点讲:
save就像设置还原点,而restore就是回复到上一个还原点。当你还原的次数过多,已没有了还原点了,肯定就报错了。
前面提到canvas的很多操作translate,scale,rotate,skew,concat or clipRect,clipPath这是一些很让人误解的操作,可能我们的调用是canvas.xx,但是它正真影响的确实坐标系,比如我们用例子来解释这个问题:
首先 canvas.translate
canvas.drawCircle(px, py, 100, linePaint); canvas.translate(100,0); canvas.drawCircle(px, py-250, 100, linePaint);
我在图上一上一下画了两个圆,相同的x位置,相同大小,只不过第二个图我是发生在把坐标系想右移动了100px,那么画出的图形就会像右“走了”100px,如下图所示:
解析一下:坐标系向右滑动了100px之后,我们在还在原x位置画图时,新坐标系下的x值在画布上相对于原位置就向右偏移了100px,对于新坐标系,我画图的位置没有变化,但是对于画布而言,我画图的起始点比原来向右移动了100px。
canvas.scale
canvas.drawCircle(px - 650, py - 250, 100, linePaint); canvas.scale(2,2); canvas.drawCircle(px - 650, py - 750, 100, linePaint);
解析一下:坐标系扩大了一倍。相当于x轴坐标和y坐标都等比例的扩大了一倍,那在新坐标系下原来的x值和y值,都会被放大2倍,所以画圆的中心点也会比原图要偏右,并且整个图形要偏大。
canvas.rotate
我将坐标向右旋转90度之后,画一个向上的箭头,但是在画布上是个向右的箭头
canvas.rotate(90, px/2, py/2); canvas.drawLine(px / 2, 0, 0, py / 2, linePaint); canvas.drawLine(px / 2, 0, px, py / 2, linePaint); canvas.drawLine(px / 2, 0, px / 2, py, linePaint);
解析一下:坐标系向右旋转了90度,这样我们在新坐标系下的向上箭头画到画布上去的时候就和原图相比就是向右的。
所以我们不要混淆了,变化的永远是坐标系,可以想象为画家在画布上面辅助作画的两把尺子。restore只是将坐标系上的变化重置,这样我们画图时参照的坐标系就是保存点的坐标系,根本就不存在画布的旋转和放大,缩小等等。
这篇关于生平第一章:关于android中的canvas的restore和save的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!