Dado que el webgl/opengl no admite el dibujo de texto, por lo que es posible dibujar un objeto 3D utilizando el contexto 3D y el dibujo de texto utilizando el contexto 2D?Dibujo 3D de lienzo utilizando contexto 2D y 3D
No, desafortunadamente no.
El HTML 5 spec dice que si usted llama getContext en un elemento canvas que ya está en un diferentes context mode y los dos contextos no son compatibles luego regresar null.
desgracia "webgl" y lienzos "2D" no son compatibles y por lo tanto obtendrá null:
var canvas = document.getElementById('my-canvas');
var webgl = canvas.getContext("webgl"); // Get a 3D webgl context, returns a context
var twod = canvas.getContext("2d"); // Get a 2D context, returns null
Crea el texto como una textura usando canvas 2D, luego renderízalo en 3D. Vea here para un tutorial.
Como se ha dicho, no se puede hacer esto.
Sin embargo, puede colocar un lienzo encima de otro y dibujarlos por separado. He hecho esto antes y puede funcionar bastante bien.
Para obtener más información, vea esta pregunta: http://stackoverflow.com/questions/3008635/html5- canvas-element-multiple-layers – 1j01
Pero si el texto se actualiza dinámicamente, la renderización del texto se volverá lenta. – Pointer
La representación de texto es lenta de todos modos. –