javascript - 将位图字符转换为三 Angular 形

Question

我正在尝试使用 html Canvas 元素将字体文件中可用的每个字符绘制到 Canvas 上。为了使这个问题尽可能简单，假设只有一个字符被绘制到 Canvas 上。从那里开始，我想使用 Javascript 分析 Canvas 并创建构成整个 Angular 色的 Canvas 三 Angular 形区域。我在三 Angular 形中需要它的原因是数据稍后可以发送到 WebGL，这样文本就可以呈现，并且数据不会因缩放文本大小而丢失。

我正在寻找某种算法来完成此任务，或者至少需要一些知识让我朝着正确的方向前进。如果您认为我应该使用不同的方法，请告诉我原因，但我认为这是提供一种以多种方式修改文本并使创建 3d block 文本成为可能的方法的最佳方法。

Answer 1

这是一篇关于如何使用着色器绘制分辨率无关曲线的文章

http://research.microsoft.com/en-us/um/people/cloop/loopblinn05.pdf

我的理解是，不是将形状分解成三 Angular 形，而是将它们分解成四边形，并在顶点中排序足够的信息以在每个四边形内绘制一部分曲线。换句话说，当着色器绘制每个四边形时，有一个公式可以为每个像素计算该像素是在曲线内还是在曲线外。