例
绘制一个矩形，规模为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); 试一试»