学好三角函数，轻松搞定Android上的canvas作图！

Android

2023-11-01 21:01:40

三角函数的基础知识

在学习三角函数在canvas中的应用之前，我们先来复习一下三角函数的基础知识。三角函数是用来研究三角形及其相关量之间关系的一门数学学科。在直角三角形中，有六种三角函数：正弦、余弦、正切、余切、正割和余割。

正弦(sin)：正弦是直角三角形中对角的边与斜边的比值。
余弦(cos)：余弦是直角三角形中邻边的边与斜边的比值。
正切(tan)：正切是直角三角形中对角边的边与邻边的比值。
余切(cot)：余切是直角三角形中邻边的边与对角边的比值。
正割(sec)：正割是直角三角形中斜边的边与邻边的比值。
余割(csc)：余割是直角三角形中斜边的边与对角边的比值。

三角函数在canvas中的应用

掌握了三角函数的基础知识后，我们就可以开始探讨如何将它们用于canvas作图了。三角函数在canvas作图中的主要作用是计算坐标和角度。

计算坐标：三角函数可以用来计算图像中点的坐标。例如，我们可以使用正弦和余弦函数来计算圆上的点的坐标。
计算角度：三角函数可以用来计算图像中线的角度。例如，我们可以使用正切函数来计算直线与x轴之间的角度。

代码实例

下面我们来看一些使用三角函数在canvas中作图的代码实例。

import android.graphics.Canvas;
import android.graphics.Paint;

public class CanvasTriangle {

    private Canvas canvas;
    private Paint paint;

    public CanvasTriangle(Canvas canvas, Paint paint) {
        this.canvas = canvas;
        this.paint = paint;
    }

    public void drawTriangle() {
        // 计算三角形的三个顶点的坐标
        float x1 = 100;
        float y1 = 100;
        float x2 = 200;
        float y2 = 200;
        float x3 = 300;
        float y3 = 100;

        // 绘制三角形
        canvas.drawLine(x1, y1, x2, y2, paint);
        canvas.drawLine(x2, y2, x3, y3, paint);
        canvas.drawLine(x3, y3, x1, y1, paint);
    }

}

这段代码使用正弦和余弦函数来计算圆上的点的坐标，然后使用这些坐标来绘制一个三角形。

import android.graphics.Canvas;
import android.graphics.Paint;

public class CanvasLineAngle {

    private Canvas canvas;
    private Paint paint;

    public CanvasLineAngle(Canvas canvas, Paint paint) {
        this.canvas = canvas;
        this.paint = paint;
    }

    public void drawLineAngle() {
        // 计算直线与x轴之间的角度
        float x1 = 100;
        float y1 = 100;
        float x2 = 200;
        float y2 = 200;
        float angle = (float) Math.atan2(y2 - y1, x2 - x1);

        // 绘制直线
        canvas.drawLine(x1, y1, x2, y2, paint);

        // 绘制角度线
        float x3 = x2 + 100 * (float) Math.cos(angle);
        float y3 = y2 + 100 * (float) Math.sin(angle);
        canvas.drawLine(x2, y2, x3, y3, paint);
    }

}