2009-08-29 7 views
3

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

+1

Utilisez des éléments HTML pour une interface de connexion. Style avec CSS. Canvas est inapproprié pour ce cas. – hendry

Répondre

0

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.

16

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.

1

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 :)

Questions connexes