Poiché il webgl/opengl non supporta il disegno di testo, quindi è possibile disegnare oggetti 3D utilizzando il contesto 3D e il disegno del testo utilizzando il contesto 2D?Tela Disegno 3D utilizzando sia il contesto 2D che 3D
risposta
No, sfortunatamente no.
Il HTML 5 spec dice che se si chiama getContext
su un elemento di tela che è già in una diversa context mode ei due contesti non sono compatibili per poi tornare null
.
Purtroppo "WebGL" e tele "2D" non sono compatibili, e quindi si otterrà 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
Creare il testo come una trama utilizzando il canvas 2D, quindi renderlo in 3D. Vedi here per un tutorial.
Come detto, non si può fare questo.
Tuttavia è possibile posizionare una tela sopra un'altra e disegnare separatamente. L'ho già fatto e può funzionare abbastanza bene.
Per ulteriori informazioni, vedere questa domanda: http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers – 1j01
- 1. disegno 3D con pitone
- 2. NumPy 3D-immagine array 2D
- 3. Movimento dal 2D al 3D
- 4. 3d matrice Numpy a 2d
- 5. Zend_Mail e = 0D = 0A = 3D = 3D = 3D = 3D = 3D
- 6. disegno 3D su Canvas con HTML + JS
- 7. Stima della matrice di omografia 2D-3D
- 8. 3D trama di superficie da matrice 2D
- 9. Standardizzare 2D/3D Vector/coordinate Class
- 10. Disegno di linee 3D in WPF
- 11. Convertire immagini da 2D a 3D modello
- 12. iOS - Immagine 2D trasformata in 3d
- 13. Risagoma matrice 3d su matrice 2d
- 14. prospettiva curvilineo: Convertire 3D a 2D
- 15. 3D Navbar che ruota
- 16. Che cos'è la "sintassi 3D"?
- 17. Qual è il miglior motore 3d/2d portatile gratuito?
- 18. Create Array 3D utilizzando Python
- 19. Javascript: come disegnare una semplice linea su tela (in 3d) e renderla ruotabile (in 3d)?
- 20. Proiezione 3D (triangolo) inversa
- 21. Disegno di una struttura ad albero 3D WebGL
- 22. bordo SELECT in rendering 3D 3D
- 23. tracciamento di vettori 3d utilizzando il modulo di memoria lib
- 24. Come disegnare una sovrapposizione 2d su una scena Java 3d?
- 25. scomporre un mesh 3D in un 2d rete
- 26. Esiste un algoritmo per convertire video 2D in video 3D?
- 27. Scenekit Pan Traduzione 2D in 3D ortogonale solo orizzontale
- 28. Java 3D Game Engine?
- 29. Esiste un framework opensource per la tela 3D?
- 30. Numpy - Risagoma e suddivide l'array 2D in 3D
Ma se il testo viene aggiornato dinamicamente, il rendering del testo diventerà lento. – Pointer
Il rendering del testo è lento comunque. –