2D 및 3D 컨텍스트를 사용하는 캔버스 3D 드로잉

Question

webgl/opengl는 텍스트 드로잉을 지원하지 않으므로 2D 컨텍스트를 사용하여 3D 컨텍스트 및 텍스트 드로잉을 사용하여 3D 오브젝트를 그릴 수 있습니까?

Answer 1

아니요, 불행히도 아닙니다.

HTML 5 spec

는 다른 context mode 두 상황에서 이미 캔버스 요소에 getContext를 호출하는 경우 다음 null를 반환 호환되지 않는 것을 말한다.

불행하게도 "거 같습니다"와 "2D"캔버스는 호환되지 않으며, 따라서 당신은 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 

Answer 2

캔버스 2D를 사용하여 텍스쳐로 텍스트를 만든 다음 3D로 렌더링합니다. 튜토리얼은 here을 참조하십시오.

Answer 3

, 당신은이 작업을 수행 할 수 없습니다.

그러나 캔버스 하나를 다른 캔버스 위에 놓고 별도로 그릴 수 있습니다. 나는 이것을 이전에 해왔고 아주 잘 풀 수 있습니다.