Puisque webgl/opengl ne supporte pas le dessin de texte, il est donc possible de dessiner un objet 3D en utilisant le contexte 3D et le dessin de texte en utilisant le contexte 2D?Dessin 3D Canvas utilisant à la fois le contexte 2D et 3D
Répondre
Non, malheureusement pas.
Le HTML 5 spec dit que si vous appelez getContext
sur un élément de toile qui est déjà dans un autre context mode et les deux contextes ne sont pas compatibles revenir alors null
.
Malheureusement « WebGL » et toiles « 2d » ne sont pas compatibles et donc vous obtiendrez 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
Créez le texte en tant que texture à l'aide de la zone de dessin 2D, puis affichez-le en 3D. Voir here pour un tutoriel.
Comme indiqué, vous ne pouvez pas le faire.
Cependant, vous pouvez mettre une toile sur l'autre et dessiner séparément. Je l'ai déjà fait et cela peut très bien marcher.
Pour plus d'informations, voir cette question: http://stackoverflow.com/questions/3008635/html5-canvas-element-multiple-layers – 1j01
- 1. Dessin 3D dans Canvas avec HTML + JS
- 2. Transformation appropriée pour un dessin 2D en 3D (Java)
- 3. Zend_Mail et = 0D = 0A = 3D = 3D = 3D = 3D = 3D
- 4. Vecteur 2D au vecteur 3D
- 5. Ombres douces en Raytracing 3D à 2D
- 6. Redessiner QGLWidget avec des graphiques 3D + 2D
- 7. Dessin de graphiques à barres 3D en utilisant PHP?
- 8. Transition douce de la 3D à la 2D
- 9. Utilisation de modèles 2D/3D point
- 10. Trier tableau 2d en tableau 3d PHP
- 11. Mappage d'un objet 2D sur l'espace 3D, maintining 2D size
- 12. Effets 3D dans un jeu 2D utilisant OpenGL
- 13. Dessin 3D en Python avec OpenGL
- 14. Dessin de lignes 3D dans WPF
- 15. Inverser les points 2D en 3D
- 16. Matplotlib 2D polygone dans les axes 3D
- 17. Rotation optimale du modèle 3D pour la projection 2D
- 18. Comment flouter les objets 3D? (Papervision 3d)
- 19. Convertir tableau 2D en 3D avec PHP
- 20. allocation dynamique/désallocation des tableaux 2D et 3D
- 21. Existe-t-il un framework opensource pour le canvas 3D?
- 22. Importer Maya 3D à Papervision 3D
- 23. Développer 2D en 3D avec projection orthographique et modèle étiré
- 24. Graphes 3D utilisant pChart
- 25. Tentative d'utilisation d'Ortho pour le dessin 2D
- 26. Quel est le meilleur moteur 3d/2d portable gratuit?
- 27. Ajout d'effets 3D à un objet 2D - DirectX
- 28. Position du point OpenGL après le rendu (3d -> 2d)
- 29. Comment implémenter les lignes sineWaveTo squareWaveTo et sawWaveTo dans le contexte 2d html5 canvas?
- 30. Dans XNA/WP7, dessiner 2D sur 3D crée un rendu 3D bancal pour moi
Mais si le texte est mis à jour dynamiquement, le rendu du texte deviendra lent. – Pointer
Le rendu du texte est lent quand même. –