Vorläufige Studiennotizen zu Html5 Canvas (5) – Zeichnungsstatus

Im vorherigen Artikel haben wir einige Zeichnungsstatuswerte erwähnt, wie z. B. Linienbreite und Farbe. Im Canvas von Html5 bezieht sich der Zeichnungsstatus auf den gesamten Satz von 2D-Rendering Kontextdarstellungseigenschaften, einschließlich Zeichnungsumrissfarbe, Füllfarbe, Linienbreite, Transformationsmatrix, Beschneidungsbereich usw. Ich werde in zukünftigen Artikeln weitere Statuswerte vorstellen. In diesem Artikel werden hauptsächlich Beispiele zum Speichern und Wiederherstellen des Status erläutert und die Struktur dieses Stapels erläutert.

Sehen Sie sich zunächst das folgende Beispiel an: 🎜>Nur ​​ein einfaches Beispiel für den Zugriff auf den Zeichnungsstatus. Der Prozess und der Code lauten wie folgt:

Der Status wird durch den Satz

context.save();

gespeichert. Um den aktuellen Status zu speichern, speichern wir ihn zunächst in einem Stapelstatus den Zustand

rot

in den Stapel legen und dann

grün speichern. Wenn , grün steht über rot, sodass context.restore(); bei Wiederherstellung des Zustands den Zustand am zurückgibt Oben auf dem Stapel. Wie im Bild gezeigt, ist das erste, das von herausspringt, grün und der Popup-Status wird nicht mehr angezeigt Zusammenfassend lässt sich sagen, dass Speichern und Wiederherstellen dem Push und entsprechen pop Methoden im Stapel. Das Obige ist der Inhalt der vorläufigen Studiennotizen zu Html5 Canvas (5) – Zeichnungsstatus. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!