绘制2D图形
最后更新于:2022-04-02 04:10:00
[TOC]
## 概念
- **顶点**是存储一系列基本绘图所需属性的基本元素,例如二维或三维空间中的点、或曲面上的多个点
- 与顶点相连的元素称为图元
- 图元内部应上色的区域称为片段
- 顶点的集合称为顶点组或顶点数组
- 而在OpenGL中,顶点默认会包含位置、法向量、颜色、第二色彩、纹理座标等属性
## 绘制2D图形
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/01/9b/019bd99db1eb6e2d2dc4cb00e6e9963b_400x231.png)
图形绘制都是把图形转为三角形
如把"F"转为图形
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/53/0b/530bb9e01ff69cf4026a3899cd9f2ff2_192x250.png)
## Canvas + WebGL 的典型应用
- 微信小游戏(跳一跳)
- 浏览器游戏(建造养成类)、医疗辅助、VR等等
- 桌面应用( Electron)
- APP应用
';