пример
Нарисуйте прямоугольник, масштаб до 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); Попробуй сам "