本文小編為大家詳細介紹“javascript中save()方法如何使用”，內容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“javascript中save()方法如何使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

左云ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

在javascript中，save()方法用于保存當前圖像狀態(tài)的一份拷貝，該方法把當前狀態(tài)的一份拷貝壓入到一個保存圖像狀態(tài)的棧中；語法格式“save()”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

save() 方法是HTML DOM CanvasRenderingContext2D 對象的一個方法。

save() 方法保存當前圖像狀態(tài)的一份拷貝。

語法

save()

描述

• save() 方法把當前狀態(tài)的一份拷貝壓入到一個保存圖像狀態(tài)的棧中。這就允許您臨時地改變圖像狀態(tài)，然后，通過調用 restore() 來恢復以前的值。

• 一個畫布的圖形狀態(tài)包含了 CanvasRenderingContext2D 對象的所有屬性（除了只讀的畫布屬性以外）。它還包含了一個變換矩陣，該矩陣是調用 rotate()、scale() 和 translate() 的結果。另外，它包含了剪切路徑，該路徑通過 clip() 方法指定。可是要注意，當前路徑和當前位置并非圖形狀態(tài)的一部分，并且不會由這個方法保存。

說明：

• save()和restore()方法要一起使用才會有效果。

• save()方法就是保存你在save()中設置的各種樣式以及屬性。

舉個例子

首先我在save的方法中創(chuàng)建了一個盒子

	;


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

可以看到我將顏色的樣式以及基點都設置進去了

當我再在restore后面添加一個盒子的時候

	;


	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();
	// 這里我在創(chuàng)建一個盒子
	pen.beginPath();
	pen.fillStyle = 'black';
	pen.fillRect(0,0,100,100);
	pen.fill();

這里就發(fā)現(xiàn)了我在save方法外面設置的屬性對save中的沒有任何影響，并且save中的基點的設置也對save方法外設置的盒子沒有任何影響。

讀到這里，這篇“javascript中save()方法如何使用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。