使用WebGL在画布上渲染文本

Question

我想使用WebGL在画布上渲染一些文本，应该使用WebGL的API吗？

注意：“text”可以是纯文本或带CSS样式的HTML片段

Answer 1

我见过的任何类型的文本（如FPS计数器）的大多数演示只是创建一个包含所需文本的HTML元素，并将其放置在画布上。对于您希望在画布中显示的大多数文本（即：菜单），这可能是一种很好的方法。

唯一的例外是，如果您希望文本是3d场景的实际部分（例如，广告牌上的文本），在这种情况下，方法与在标准OpenGL中渲染文本没有任何不同。您可以在此处找到一个非常好的强大示例：http://dmedia.dprogramming.com/?n=Tutorials.TextRendering1

还有a WebGL tutorial about text here。

Answer 2

对于WebGL渲染文本，您可以将文本写入画布“2d”上下文，然后从画布创建纹理。 Denny Koch在他的EnergizeGL框架中做到了这一点。