3D Canvas dibujo utilizando tanto contexto 2D y 3D
Pregunta
Desde el webgl / OpenGL no admite dibujo de texto, por lo que es posible dibujar objetos 3D usando 3D contexto y el texto de dibujo usando el contexto 2D?
Solución
No, lamentablemente no.
El HTML 5 especificación dice que si getContext
llamada en un elemento canvas que ya está en un contexto diferente rel="noreferrer"> modo y los dos contextos no son compatibles entonces null
retorno.
Por 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
Otros consejos
Como se ha dicho, no se puede hacer esto.
Sin embargo, usted puede poner una lona encima de otro y sacar a ellos por separado. He hecho esto antes y que puede funcionar bastante bien.
Crea el texto como una textura usando lienzo 2D, luego hacerla en 3D. Ver aquí para un tutorial.