Heim > Artikel > Web-Frontend > Wozu dient die Javascript-Methode save()?
In JavaScript wird die Methode save() verwendet, um eine Kopie des aktuellen Bildstatus zu speichern. Diese Methode legt eine Kopie des aktuellen Status in einen Stapel ab, der den Bildstatus speichert.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer. Die Methode
save() ist eine Methode des HTML-DOM-Objekts CanvasRenderingContext2D. Die Methode
save() speichert eine Kopie des aktuellen Bildstatus.
Syntax
save()
Description
save()-Methode verschiebt eine Kopie des aktuellen Status auf einen Stapel, der den Bildstatus speichert. Dadurch können Sie den Bildstatus vorübergehend ändern und dann den vorherigen Wert wiederherstellen, indem Sie „restore()“ aufrufen.
Der Grafikstatus einer Leinwand enthält alle Eigenschaften des CanvasRenderingContext2D-Objekts (mit Ausnahme der schreibgeschützten Leinwandeigenschaften). Es enthält auch eine Transformationsmatrix, die das Ergebnis der Aufrufe von Rotate(), Scale() und Translate() ist. Darüber hinaus enthält es den Beschneidungspfad, der über die Methode clip() angegeben wird. Beachten Sie jedoch, dass der aktuelle Pfad und die aktuelle Position nicht Teil des Grafikstatus sind und von dieser Methode nicht gespeichert werden.
Hinweis: Die Methoden
save() und restart() müssen zusammen verwendet werden, um wirksam zu sein. Die Methode
save() dient zum Speichern der verschiedenen Stile und Attribute, die Sie in save() festgelegt haben.
Für Beispiel habe ich ein Feld in der Speichernmethode erstellt. Nach der Wiederherstellung wurde ein Feld hinzugefügt
<body> <canvas id="" width="600" height="400"></canvas>; </body> <script type="text/javascript"> var pen = document.querySelector('canvas').getContext('2d'); // 调用save方法 pen.save(); // 改变基点的位置 pen.translate(300,300); // 设置填充颜色 pen.fillStyle = 'red'; pen.fillRect(0,0,100,100); pen.restore(); </script>
Hier habe ich festgestellt, dass die Attribute, die ich außerhalb der Speichermethode festgelegt habe, keinen Einfluss auf die Speichermethode hatten und die Einstellung des Basispunkts in der Speichermethode auch die extern festgelegte Speichermethode beeinflusste Kästchen haben keine Wirkung.
Zusammenfassung: Die Speichermethode entspricht dem Isolieren des von mir festgelegten Inhalts und hat keine Auswirkungen auf externe Inhalte.
【Verwandte Empfehlungen: Javascript-Lern-Tutorial
】
Das obige ist der detaillierte Inhalt vonWozu dient die Javascript-Methode save()?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!