android中关于canvas的rotate，save和restore的总结

最新推荐文章于 2025-03-15 11:40:09 发布

乐活青年

最新推荐文章于 2025-03-15 11:40:09 发布

阅读量2.2k

点赞数

分类专栏： android开发文章标签： android

本文链接：https://blog.csdn.net/u011016373/article/details/75426419

版权

android开发专栏收录该内容

51 篇文章

订阅专栏

本文总结了Android中Canvas的rotate方法以及save和restore的使用。通过实例讲解了如何在旋转后使文本保持在原位置，介绍了两种实现方式：一是通过rotate和平移，二是直接在drawText中指定新坐标。save和restore则用于保存和恢复坐标系状态，确保后续绘制不受影响。

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

canvas.rotate(90);

这一句，表示将坐标系顺时针旋转90度。切记！切记！切记！重要的事说三遍。。。不是旋转画布噢~

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转30度看看效果
        canvas.rotate(30);
        canvas.drawText("旋转30度", 400, 400, p);
    }

为了方便看效果，先旋转30并画个文字看看效果，为什么不旋转90度呢，因为90就出了屏幕了，到屏幕左边去了，看不到效果。

图中用黑线标记了旋转前（400,400）坐标的位置，用红线大概标了一下旋转后（400,400）这个坐标的位置。

那么问题来了，如果我想让“旋转30度”这三个字在“旋转前”这三个字的位置上显示，并且“旋转30度”要竖着写，我该怎么办？

有两种方法：

第一种，

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转90度看看效果
        canvas.rotate(90);
        canvas.translate(0,-800);
        canvas.drawText("旋转30度", 400, 400, p);
    }

解释：先旋转90度，让“旋转30度”变为竖向，此时字在屏幕左侧旋转前坐标系下（-400,400）的位置，为什么要强调是旋转前坐标系呢？因为旋转以后新的坐标系已经变了，新坐标系的原点仍然是屏幕左上角，但新坐标系x轴正方向为原坐标系y轴正方向，新坐标系y轴正方向为原坐标系x轴负方向。（自己画画图就好理解了，哈哈哈~~~）然后平移（0,-800），这里（0,-800）是按照新坐标系算的，即让“旋转30度”这几个字向屏幕右方向平移800的距离。

第二种方法：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.rgb(200, 200, 200));
        Paint p = new Paint();//为了方便就在这初始化画笔啦
        p.setColor(Color.RED);
        p.setTextSize(50);
        //旋转前先写点东西
        canvas.drawText("旋转前", 400, 400, p);

        //先旋转90度看看效果
        canvas.rotate(90);
        canvas.drawText("旋转30度", 400, -400, p);
    }

解释：仍然是先旋转90度，不进行平移，而是以新坐标系来看，直接在drawText（）上给出新坐标系中x,y的坐标，即（400,-400）。

到此为止，canvas.rotate()方法的奥秘就说完了，其他的两个translate和scale道理都一样，要按照新坐标系来端坐标。

至于save和restore的作用上面并没有涉及到，但我个人理解，save的作用是保存前面已经画好的所有操作。save之后就可以执行rotate，translate了。而restore的作用是让你的save以后到当前restore之间的这些操作生效且不能影响restore后面的操作。restore之前所有绘制都是在新坐标系中，restore以后坐标系归回原位。