Heim  >  Artikel  >  Web-Frontend  >  Wozu dient die Javascript-Methode save()?

Wozu dient die Javascript-Methode save()?

青灯夜游
青灯夜游Original
2021-06-28 17:55:214066Durchsuche

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

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn