使用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框架中做到了這一點。