使用WebGL在画布上渲染文本

Question

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

注：“文本”可以是纯文本或HTML片段与CSS样式

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框架中做到了这一点。