Canvas 3D drawing using both 2D and 3D context

canvas, html, opengl-es, webgl

Solution

No, unfortunately not.

The HTML 5 spec says that if you call `getContext` on a canvas element that is already in a different context mode and the two contexts are not compatible then return `null`.

Unfortunately "webgl" and "2d" canvases are not compatible and thus you will get `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

Problem

Since the webgl/opengl doesn't support text drawing, so it possible to draw 3D object using 3D context and text drawing using 2D context ?

Original source

Related problems