text - 使用 WebGL 在 Canvas 上渲染文本

Question

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

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

Answer 1

我见过的大多数演示都可以处理任何类型的文本(例如 FPS 计数器)，只需使用他们想要的文本创建一个 HTML 元素并将其放置在 Canvas 上。对于您希望“在” Canvas (即:菜单)中显示的大多数文本，这可能是一种很好的方法。

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

还有a WebGL tutorial about text here .