Cet article présente principalement l'utilisation de HTML5 pur pour écrire un partage de code des horloges sur une page Web. Le programme est très simple et n'a pas d'affichage numérique sur l'horloge. Il reflète purement les idées de conception les plus élémentaires. Les amis qui en ont besoin peuvent y faire référence.
Ce que vous devez savoir:
La balise Canvas n'est qu'un conteneur de graphe et vous devez utiliser un script pour dessiner le graphique. Taille par défaut: 300px de large et 150px de haut;
La méthode getContext () renvoie un objet qui fournit des méthodes et des propriétés pour dessiner sur une toile. - Obtenez l'objet de contexte.
Propriétés et méthodes d'objet GetContext (2D) qui peuvent être utilisées pour dessiner du texte, des lignes, des rectangles, des cercles et plus encore sur la toile.
Fillrect (l, t, w, h): La couleur par défaut est Black Strokect (L, T, W, H): un carré avec bordure. Borne noire par défaut d'un pixel
La méthode setInterval () appelle une fonction ou calcule une expression en fonction de la période spécifiée (en millisecondes).
BeginPath (): définit le chemin pour commencer le dessin, ce qui définit le point actuel à (0,0). Lorsqu'un environnement de toile est créé pour la première fois, BeginPath ()
Les méthodes sont appelées explicitement.
ClosePath (): chemin de dessin final (connexion du point de départ et du point final)
Dessinez un cercle:
arc (x, y, rayon, radian de départ, radian de fin, direction de rotation)
x, y: position de départ
La relation entre radian et angle: radian = angle * math.pi / 180
Direction de rotation: dans le sens horaire (par défaut: faux, dans le sens antihoraire: true)
Code:
CODE XML / HTML COPIE COPIRE DU PIRMOCHE