1、首先我们先理解一下web坐标系。与笛卡坐标系对比。笛卡坐标系是我们平常数学中经常使用的坐标系。如下图所示。


4、大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上,而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”context 对象上。如下图所示。使用id来寻找canvas元素,并获得一个二维绘图环境。

6、在浏览器中显示。读者可以根据随意更改代码,查看效果。

时间:2024-10-21 22:29:07
1、首先我们先理解一下web坐标系。与笛卡坐标系对比。笛卡坐标系是我们平常数学中经常使用的坐标系。如下图所示。
4、大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上,而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”context 对象上。如下图所示。使用id来寻找canvas元素,并获得一个二维绘图环境。
6、在浏览器中显示。读者可以根据随意更改代码,查看效果。