Wozu dient die Javascript-Methode save()?-Front-End-Fragen und Antworten-php.cn

Wozu dient die Javascript-Methode save()?

青灯夜游

Freigeben： 2023-01-07 11:41:16

Original

4150 Leute haben es durchsucht

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.

Wozu dient die Javascript-Methode save()?

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()

Nach dem Login kopieren

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(&#39;canvas&#39;).getContext(&#39;2d&#39;);
	// 调用save方法
	pen.save();
	// 改变基点的位置
	pen.translate(300,300);
	// 设置填充颜色
	pen.fillStyle = &#39;red&#39;;
	pen.fillRect(0,0,100,100);
	pen.restore();
</script>

Nach dem Login kopieren

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.

Wozu dient die Javascript-Methode save()? 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!