使用 WebGL 在画布上渲染文本答案

【问题标题】：Render text on canvas using WebGL使用 WebGL 在画布上渲染文本
【发布时间】：2011-02-20 03:34:17
【问题描述】：

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

注意：“文本”可以是纯文本或带有 CSS 样式的 HTML sn-p

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：