Vì webgl/opengl không hỗ trợ vẽ văn bản nên có thể vẽ đối tượng 3D bằng ngữ cảnh 3D và vẽ văn bản bằng ngữ cảnh 2D?Bản vẽ 3D Canvas sử dụng cả ngữ cảnh 2D và 3D
Trả lời
Không, rất tiếc là không.
HTML 5 spec nói rằng nếu bạn gọi getContext
trên phần tử canvas đã ở một khác nhau context mode và hai ngữ cảnh không tương thích thì trả lại null
.
Thật không may "webgl" và bức tranh sơn dầu "2d" không tương thích và do đó bạn sẽ nhận được 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
Tạo văn bản làm kết cấu bằng canvas 2D, sau đó hiển thị nó ở chế độ 3D. Xem here để biết hướng dẫn.
Như đã trình bày, bạn không thể làm điều này.
Tuy nhiên, bạn có thể đặt một canvas lên một hình khác và vẽ chúng một cách riêng biệt. Tôi đã làm điều này trước đây và nó có thể hoạt động khá tốt.
Để biết thêm thông tin, hãy xem câu hỏi này: http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers – 1j01
- 1. Bản vẽ 3d trong Canvas có HTML + JS
- 2. Zend_Mail và = 0D = 0A = 3D = 3D = 3D = 3D = 3D
- 3. Làm thế nào để vẽ một lớp phủ 2d trên một cảnh 3d Java?
- 4. Hashing vectơ 2D, 3D và nD
- 5. Matlab: làm thế nào để vẽ văn bản 3D (không phải là văn bản hàm 2D)
- 6. 3d vẽ bằng python
- 7. Vẽ hình cầu bằng pixel 3D (voxels)
- 8. Đảo ngược điểm 2D chiếu vào 3D
- 9. tải 3d cảnh vào Silverlight
- 10. Chuyển ngữ cảnh canvas
- 11. Ma trận chiếu 3d đến 2d
- 12. Tạo đa giác mặt cắt 2D từ lưới 3D
- 13. Chuyển động từ 2D sang 3D
- 14. NumPy hình ảnh 3D mảng 2D
- 15. phối cảnh 3D trong iphone trò chơi sử dụng cocos2d
- 16. để tìm các cạnh bằng cách sử dụng các đỉnh (2D và 3D) trong lưới
- 17. Mới để lập trình, không nhận các mảng 2D/3D
- 18. lô 3D sử dụng maplot3d từ matplotlib-
- 19. Vẽ 3D đa giác trong python-matplotlib
- 20. Băng chuyền 3D 3D?
- 21. Cách vẽ ô lưới 3D (khối lập phương) trong Matlab
- 22. Vẽ các điểm 3D trong Matlab
- 23. Vẽ phương trình ẩn trong 3d
- 24. Javascript: Làm thế nào để vẽ một đường đơn giản trên canvas (trong 3d) và làm cho nó xoay (trong 3d)?
- 25. Đồ thị cảnh 3D cho .NET
- 26. Ngữ cảnh Bản vẽ của NSView
- 27. Làm cách nào để vẽ hình cầu 3D?
- 28. Nhận nghĩa của 2D lát một mảng 3D trong NumPy
- 29. Làm thế nào để vẽ vectơ (vectơ 2D/3D vật lý) trong MATLAB?
- 30. Chuyển đổi hình ảnh 2d thành mô hình 3d
Nhưng nếu văn bản đang cập nhật động, thì hiển thị văn bản sẽ trở nên chậm. – Pointer
Hiển thị văn bản chậm. –