Je veux dessiner une interface de connexion, donc je dois dessiner le champ de texte à saisir et le bouton à soumettre! si j'y parviens en utilisant l'entrée et la balise de bouton, ce sera facile, mais j'ai été obligé de les dessiner dans le canevas en utilisant html5.0. J'ai cherché google pendant deux jours, je ne peux pas trouver une bonne idée! qui a de l'expérience? Aidez moi! merci d'avance!html5.0 canvas textfield
Répondre
Vous voulez dessiner une interface de connexion sur un? Je ne sais pas exactement ce que vous n'utiliseriez pas avec des graphiques standards, mais voici une balise tutorial on the basics of how the canvas qui fonctionne et ce que vous pouvez faire avec.
Je recommande fortement d'utiliser les éléments HTML pour cela. Vous pouvez les superposer sur la toile en utilisant le positionnement CSS, il semblera donc qu'ils font partie de tout ce que vous avez dessiné sur la toile elle-même.
Il est très difficile de créer ceci avec du canvas.
Tout d'abord, vous devrez créer des routines pour dessiner des zones de saisie et le bouton. Ensuite, vous aurez besoin de routines pour les dessiner dans différents états, comme le bouton quand il est enfoncé. Vous devrez également écrire le code qui prend soin d'afficher le signe dans les zones de texte, les caractères que l'utilisateur tape, ajouter du code pour gérer les événements clés pour produire des clés, gérer les combinaisons de touches, gérer les touches fléchées et cliquer sur différentes parties du clavier. texte pour se déplacer ...
Et bien plus encore.
Sérieusement. Faites-le avec les éléments d'entrée HTML. Basé sur votre question, c'est le meilleur choix.
Je suis d'accord que si vous voulez le faire à des fins professionnelles ou pratiques, alors vous devez absolument utiliser html et utiliser le positionnement absolu et un fond transparent pour le superposer sur la toile. Si, toutefois, vous faites cela comme un défi, alors, comme l'a dit Jani, vous devrez écrire des routines pour le champ de texte, le caret et le bouton. Ensuite, écrivez une fonction qui déclenchera onKeydown et vérifiera le code clé de la touche enfoncée. Puis dessinez la lettre appropriée dans la boîte (Est-ce que Unicode fonctionne dans une toile?). Vous pouvez également manipuler les touches fléchées et la touche Entrée ici. Assurez-vous qu'aucun autre élément ou élément du navigateur n'est ciblé lorsque l'utilisateur est supposé être en train de taper. Bonne chance :)
- 1. AS3: TextField Focus
- 2. Méthode onFocus pour textField
- 3. contrôle de l'orthographe textfield
- 4. Javascript Canvas Flowcharting Project?
- 5. Flex3 Canvas, ScrollBar
- 6. android canvas scroll
- 7. Suggestions de canvas Python
- 8. TextField avec clavier dans cocos2d!
- 9. TextField() Définir la position caret
- 10. Utilitaires Canvas pour Silverlight 2
- 11. WPF: Canvas Z-Index Bug
- 12. Canvas and Click Handlers (GWT)
- 13. Javascript Canvas Element - tableau d'images
- 14. TableViewCell personnalisé avec TextField et premier répondeur
- 15. Chargement du fichier texte ISO8851 dans TextField()
- 16. Accéder au texte dans Textfield on Sprite
- 17. TextField() Prévenir ctrl + a (tout sélectionner)
- 18. SharePoint TextField ClientID change-t-il?
- 19. Intégration programmée de Kanji dans Textfield
- 20. Objets de liaison de données à Canvas
- 21. Ajustement de l'image Flex dans Canvas
- 22. Flex: Placer des éléments sur l'élément canvas
- 23. Est-il possible d'imprimer uniquement l'élément canvas?
- 24. Glisser-déposer dans le canvas mozilla
- 25. Problème grave avec la vitesse de l'animation plein écran textField
- 26. iPhone: désactivation des autres éléments sur focus TextField
- 27. Comment puis-je modifier YUI Autocomplete textfield Valeur population Options?
- 28. Problème d'image.origin de tableView après textField resignFirstResponder dans tableViewCell personnalisée
- 29. Détection si une chaîne particulière est actuellement visible sur TextField()
- 30. défilement automatique - une vue déroulante sur Touch of textField - iPhone
Utilisez des éléments HTML pour une interface de connexion. Style avec CSS. Canvas est inapproprié pour ce cas. – hendry