Maison  >  Article  >  interface Web  >  Un exemple de tutoriel sur le grattage de toile

Un exemple de tutoriel sur le grattage de toile

零下一度
零下一度original
2017-07-25 09:37:413292parcourir

Aujourd'hui, en combinaison avec le jeu de loterie de l'article précédent,
utilisez la toile pour écrire un petit jeu - le grattage.
Tout d'abord, utilisez Canvas pour créer une toile d'une largeur et d'une hauteur de 200 px. Positionnez ensuite une balise span sur le canevas.

Un exemple de tutoriel sur le grattage de toile



L'effet est le suivant

Un exemple de tutoriel sur le grattage de toile



Ensuite, récupérez la balise canvas, définissez un tableau, puis utilisez canvas pour dessiner un carré gris pour couvrir cette partie.

Un exemple de tutoriel sur le grattage de toile



L'effet est le suivant

Un exemple de tutoriel sur le grattage de toile



Créez un cercle transparent à l'aide du canevas Lorsque la souris bouge, effacez le calque gris sur le canevas et affichez le texte en dessous (premier prix).

Un exemple de tutoriel sur le grattage de toile


L'effet est le suivant

Un exemple de tutoriel sur le grattage de toile



Enfin, nous mélangeons le tableau que nous venons de définir de manière aléatoire, puis effaçons le calque gris pour afficher différents prix.

Un exemple de tutoriel sur le grattage de toile



L'effet est le suivant

Un exemple de tutoriel sur le grattage de toile


J'espère que cela vous aidera, merci !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn