由於webgl/opengl不支持文本繪製,因此可以使用3D上下文繪製3D對象並使用2D上下文繪製文本?Canvas使用2D和3D上下文的3D繪圖
13
A
回答
23
不,不幸的不是。
的HTML 5 spec說,如果你已在不同context mode和兩個上下文的canvas元素上調用getContext
是不兼容的,然後返回null
。
不幸「的WebGL」和「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
4
使用畫布2D將文本創建爲紋理,然後將其渲染爲3D。有關教程,請參閱here。
12
如前所述,你不能做到這一點。
但是,您可以將一個畫布放在另一個畫布的上面並分別繪製它們。我之前做過這件事,它可以很好地工作。
+0
欲瞭解更多信息,請參閱此問題:http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers – 1j01 2016-12-03 21:56:16
相關問題
- 1. 使用Gnuplot在3d圖中繪製一組2d的繪圖
- 2. 用3D + 2D圖形重新繪製QGLWidget
- 3. 模型上的3D 3D繪圖
- 4. 3D繪圖與給定的2D數據
- 5. 結合3D/2D圖
- 6. java 3D繪圖
- 7. 3D繪圖
- 8. 什麼是3D DICOM文件和差異3D和2D DICOM文件
- 9. python的3D繪圖
- 10. PHP的2D/3D動態繪圖工具包在Linux上運行
- 11. 將3D轉換爲2d - 使用javascript/jquery繪製圖形
- 12. vC++ 3D繪圖庫
- 13. Java3d:如何在Java 3D場景上繪製2d覆蓋圖?
- 14. Opengl在3D場景上繪製2D覆蓋圖問題
- 15. 如何在Java 3D場景上繪製2D覆蓋圖?
- 16. 同時繪製一個2D位圖和一個3D模型
- 17. 使用圖像使用webgl,html5 canvas的3D圖形實現
- 18. 在Android(和iOS)上使用Qt繪製3D效果與openGL的2D效果
- 19. Android 2d和3d同步化
- 20. 的3D繪圖與OpenGL的
- 21. 如何在R中的3D圖中繪製多個2d圖?
- 22. Python中的3D繪圖
- 23. Matlab中的3D繪圖
- 24. Matlab,使用meshgrid創建3D繪圖
- 25. 使用PHP繪製3D條形圖?
- 26. 繪製3D使用OpenGL
- 27. 用於C++的3D圖形繪圖
- 28. three.js 2D mouseclick使用raycaster的3D座標
- 29. 是否有用於蝕刻的2D和3D數據可視化(繪圖)插件?
- 30. C++將2D位圖轉換爲3D使用C++和OPENGL庫
但是,如果文本動態更新,那麼文本渲染將變得緩慢。 – Pointer 2010-06-01 11:32:25
無論如何,文字渲染速度都很慢。 – 2015-04-14 09:40:22