羽月

在之前的文章 如何利用矩阵实现平移、缩放、旋转等 3D 变换 中，我们可以发现，文章中渲染的立方体看起来有点奇怪。我们在现实世界中看到的物体都是近大远小，但是我们没有做透视处理立方体远近都一样大导致看

上篇文章我们讲解如何利用矩阵来实现 3D 变换，但是每次编写的 WebGL 代码有点复杂，不太好想象出渲染的结果。这篇文章来讲解相机这个概念，我们利用相机这个工具从不同位置去观察一个物体，观察的结果就

上篇文章讲解了矩阵，利用矩阵我们可以轻松实现旋转、缩放等 3D 变换。另外在之前的一篇 CSS3 transform 和 canvas 背后不为人知的秘密 文章中详细讲解了平移、缩放、错切、旋转等 2

矩阵在图形学中非常重要，是必须要掌握的。将一些元素排列成若干行，每行放上相同数量的元素，就是一个矩阵。数学中矩阵长下面这样。 上图中是一个 m 行和 n 列（m * n）排列成的矩形阵列，在图形学中用

随着前端技术的发展，与前端相关的知识也越来越多，这么多知识要想全部掌握就需要大量的时间，当然要全部掌握也是不太现实的。所以我们需要在其中选择合适的知识进行深入学习。 那么前端应该需要掌握什么知识呢？大

WebGL 基于 OpenGL，是 OpenGL 的子集。OpenGL 中的着色器是使用 GLSL 编写的，所以 WebGL 中也是使用 GLSL 编写着色器，WebGL1 中使用的 GLSL 1.0

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

飞书、谷歌、石墨、腾讯表格都是使用 canvas 来实现的，表格中的富文本也都是使用 canvas 来渲染的，这篇文章将讲解如何使用 canvas 来渲染富文本。