método de la clave de lona HTML ()
Ejemplos
Dibujar un rectángulo, un zoom de 200%, y luego dibujar un rectángulo de nuevo:
JavaScript:
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Trate »
Soporte para el navegador
Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari escala de apoyo ().
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
método de la clave () para acercar el dibujo actual a una más grande o más pequeño.
NOTA: Si se acerca en el dibujo, el dibujo será modificada después de todo.Posicionamiento será modificada. Si se cambia la escala (2,2), entonces el dibujo se encuentra en la esquina superior izquierda de la lona dos veces tan lejos de la ubicación.
| la sintaxis de JavaScript: | .scale contexto (ScaleWidth, ScaleHeight); |
|---|
parámetro Valor
| 参数 | 描述 |
|---|---|
| scalewidth | 缩放当前绘图的宽度（1=100%，0.5=50%，2=200%，依次类推）。 |
| scaleheight | 缩放当前绘图的高度（1=100%，0.5=50%，2=200%，依次类推）。 |
más ejemplos
Ejemplos
Dibujar un rectángulo; zoom a 200%, de nuevo dibujar un rectángulo; zoom a 200%, de nuevo dibujar un rectángulo; zoom a 200%, una vez más, dibujar un rectángulo:
JavaScript:
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);
Trate »