例
繪製一個矩形，規模為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 | 是 | 是 | 是 |
定義和用法
該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); 試一試»