对canvas的translate()方法的理解

最新推荐文章于 2024-08-11 18:03:48 发布

THEONE10211024

最新推荐文章于 2024-08-11 18:03:48 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： android

本文链接：https://blog.youkuaiyun.com/THEONE10211024/article/details/45013969

android 专栏收录该内容

68 篇文章

订阅专栏

本文探讨了canvas中translate()方法背后的数学原理，即通过矩阵平移变换实现图形的位置移动。介绍了在x和y方向上平移的矩阵表达式，并解释了如何利用硬件加速提高图形变换效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数学里的矩阵变化有很多，包括矩阵的平移、旋转和缩放等。在图形变换中，经常会对图形进行矩阵变化。抽象起来讲，一个个图形在屏幕上其实就是一排矩阵，在进行矩阵变化的时候，还能采用硬件加速，大大提高效率。

本节主要将与举证平移相关的问题：

设某点向x方向移动 dx, y方向移动 dy ,[x,y]为变换前坐标， [X,Y]为变换后坐标。

则 X = x+dx; Y = y+dy;

以矩阵表示：

1 0 0

[X, Y, 1] = [x, y, 1][ 0 1 0 ] ;

dx dy 1

1 0 0

0 1 0 即平移变换矩阵。

dx dy 1

所以：

            canvas.save();//锁画布(为了保存之前的画布状态)
            canvas.translate(10, 10);//把当前画布的原点移到(10,10),后面的操作都以(10,10)作为参照点，默认原点为(0,0)
            drawScene(canvas);
            canvas.restore();//把当前画布返回（调整）到上一个save()状态之前

            canvas.save();//锁画布(为了保存之前的画布状态)
            canvas.translate(160, 10);//把当前画布的原点移到(160,10),后面的操作都以(160,10)作为参照点，
            canvas.clipRect(10, 10, 90, 90);//这里的真实坐标为左上(170,170)、右下(250,250)
            canvas.clipRect(30, 30, 70, 70, Region.Op.DIFFERENCE);
            drawScene(canvas);
            canvas.restore();

在canvas.tranlate（float dx,float dy）中，就是对当前画布矩阵做平移变换，x方向移动dx，y方向上移动dy。