save()メソッド

概要

　状態:- 　閲覧数:1,184 　投稿日:2014-03-17 　更新日:2014-03-18 　

現在の描画スタイル状態を一時的に保存
・現在の状態をスタック構造の最後へ追加
・保存した状態はresotreメソッドで元に戻すことが可能
※スタック最後の状態を抜き出し、その状態をコンテキストへ復元

構文

CanvasRenderingContext2Dオブジェクト.save();

引数
・なし

戻り値
・なし

詳細

保存対象となる描画状態とは？
・現在のtransformation matrix
・現在のclipping region
・strokeStyleプロパティ
・fillStyleプロパティ
・globalAlphaプロパティ
・lineWidthプロパティ
・lineCapプロパティ
・lineJoinプロパティ
・miterLimitプロパティ
・shadowOffsetXプロパティ
・shadowOffsetYプロパティ
・shadowBlurプロパティ
・shadowColorプロパティ
・globalCompositeOperationプロパティ
・fontプロパティ
・textAlignプロパティ
・textBaselineプロパティ

・現在のグラフィックパスは保存されない
・グラフィックパスはbeginPathメソッドでのみリセット可能
・現在のbitmapはCanvasRenderingContext2DオブジェクトではなくCanvasオブジェクト状態のため、このメソッドでは保存不可。

・保存した内容はCanvasRenderingContext2Dオブジェクトが消滅すると同時に破棄される

・また、saveメソッドを複数回読んで複数の状態を保存することが可能
・この場合、保存はスタック構造になっておりrestoreメソッドを複数回呼ぶことで復元できる
・例えば、3回のsaveメソッドで保存された状態は3回のrestoreメソッドで復元可能

順位	ページタイトル抜粋	％
1	save()メソッド	100
2	scale()メソッド	86
3	clear()メソッド	76
4	arc()メソッド	74
5	moveTo()メソッド	73
6	rect()メソッド	70
7	setItem()メソッド	70
8	stroke() メソッド	70
9	translate() メソッド	69
10	setTransform()メソッド	64
11	shaderSource()メソッド	64
12	clearRect()メソッド	64
13	transform()メソッド	64
14	beginPath()メソッド	64
15	lineTo()メソッド	64
16	now()メソッド	63
17	drawImage() メソッド	62
18	clearColor()メソッド	62
19	clearDepth()メソッド	62
20	bufferData()メソッド	62
	2026/10/02 16:52 更新

順位	ページタイトル抜粋	アクセス数
1	HTML5用語	6
2	WAI-ARIA \| HTML	2
3	遭遇例／確認例	1
3	scale()メソッド(CanvasRenderingContext2D ) カテゴリー	1
3	moveTo()メソッド(CanvasRenderingContext2D ) カテゴリー	1
3	W3C準拠	1
3	ImageDataオブジェクト \| HTMLCanvasElement	1
	2026/10/2 5:05 更新

概要

詳細

コメント投稿(ログインが必要)

ゲスト … 1行コメント投稿