HTMLキャンバススケール（）メソッド
例
、四角形を描画200％にズームインし、再度四角形を描画：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
»をお試しください
ブラウザのサポート
Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートスケール（）メソッド。
注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
スケール（）メソッドは、大きくまたは小さくする現在の図面をズームします。
注：図面にズームインした場合、図面はすべての後に縮小されます。ポジショニングが縮小されます。 あなたは（2,2）スケールした場合、図面は二倍遠くの場所からキャンバスの左上隅に配置されます。
| JavaScriptシンタックス： | コンテキスト .scale（scalewidth、ScaleHeightの値）。 |
|---|
パラメータ値
| 参数 | 描述 |
|---|---|
| scalewidth | 缩放当前绘图的宽度（1=100%，0.5=50%，2=200%，依次类推）。 |
| scaleheight | 缩放当前绘图的高度（1=100%，0.5=50%，2=200%，依次类推）。 |
より多くの例
例
四角形を描画し、もう一度矩形を描く、200％にズーム、再び長方形を描く、200％にズーム、再び長方形を描く、200％にズーム：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
»をお試しください
HTMLキャンバスリファレンスマニュアル