例
再度四角形を描画、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);
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| scale() | はい | 9.0 | はい | はい | はい |
定義と使用法
scale()メソッドは、現在の図面、大きくなったり小さくスケール。
注：図面をスケーリングする場合、将来のすべての図面も拡大されます。ポジショニングも拡大されます。 あなたがいる場合scale(2,2) 。 図面は二度限りキャンバスの左と上から、指定したとして配置されます。
| JavaScriptシンタックス： | context.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); »それを自分で試してみてください