WebGL的顶点着色器和片元着色器该怎么理解？

Question

最近我在掘金平台买了一个小册子，《WebGL 入门与实践》我才看了2章，感觉对顶多着色器和片元着色器这两个概念很模糊，给我个人的感觉就是顶点就是在canvas中找到一个位置，一个坐标然后通过片元着色器进行颜色的渲染。但是应该不是这样的吧，感觉不是很准确。
各位怎么解释呢？

Answer 1

webgl 里面的基本图元是三角形，所有图形都是有很多个三角形组成的，顶点着色器为这些三角形的顶点着色，三角形内部区域的颜色会由 gpu 进行插值填充，你可以通过片元着色器为三角形区域内的每一个点着色，从而替代默认的插值方式。