In diesem Artikel wird hauptsächlich die Verwendung von reinem HTML5 verwendet, um eine Codefreigabe von Uhren auf einer Webseite zu schreiben. Das Programm ist sehr einfach und hat kein digitales Display auf der Uhr. Es spiegelt nur die grundlegendsten Designideen wider. Freunde, die es brauchen, können sich darauf beziehen.
Was Sie wissen müssen:
Das Canvas -Tag ist nur ein Graph -Container, und Sie müssen ein Skript verwenden, um das Diagramm zu zeichnen. Standardgröße: 300px breit und 150px hoch;
Die Methode getContext () gibt ein Objekt zurück, das Methoden und Eigenschaften zum Zeichnen auf einer Leinwand bereitstellt. - Holen Sie sich das Kontextobjekt.
GetContext (2D) -Objekteigenschaften und -Methoden, mit denen Text, Linien, Rechtecke, Kreise und mehr auf Leinwand gezeichnet werden können.
FILLRECT (L, T, W, H): Die Standardfarbe ist Black Strokerect (L, T, W, H): Ein Quadrat mit Rand. Standard einen Pixel -schwarzen Rand
Die Methode setInterval () ruft eine Funktion auf oder berechnet einen Ausdruck gemäß dem angegebenen Zeitraum (in Millisekunden).
beginPath (): Definiert den Pfad zum Zeichnen, der den aktuellen Punkt auf (0,0) festlegt. Wenn eine Canvas -Umgebung zum ersten Mal erstellt wird, beginPath ()
Methoden werden explizit bezeichnet.
Closepath (): Endzeichnungspfad (Anschließen des Startpunkts und des Endpunkts)
Zeichnen Sie einen Kreis:
Bogen (X, Y, Radius, Startradian, Endradian, Rotationsrichtung)
x, y: Ausgangsposition
Die Beziehung zwischen Radian und Winkel: Radian = Winkel *Math.pi/180
Rotationsrichtung: im Uhrzeigersinn (Standard: Falsch, gegen den Uhrzeigersinn: TRUE)
Code:
XML/HTML -Code -Inhalt in die Zwischenablage kopieren