HTML-холст масштаба () метод
примеров
Нарисуйте прямоугольник, увеличение до 200%, а затем нарисуйте прямоугольник снова:
JavaScript:
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari масштаб поддержки () метод.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
Метод шкалы (), чтобы увеличить масштаб текущего чертежа в большей или меньше.
Примечание: Если вы увеличить на чертеже, рисунок будет масштабироваться в конце концов.Позиционирование будет масштабироваться. Если масштабировать (2,2), то рисунок будет расположен в верхнем левом углу холста в два раза дальше от места.
| Синтаксис JavaScript: | Контекст .scale (ScaleWidth, ScaleHeight); |
|---|
Параметр Значение
| 参数 | 描述 |
|---|---|
| scalewidth | 缩放当前绘图的宽度（1=100%，0.5=50%，2=200%，依次类推）。 |
| scaleheight | 缩放当前绘图的高度（1=100%，0.5=50%，2=200%，依次类推）。 |
Другие примеры
примеров
Нарисуйте прямоугольник, увеличить до 200%, еще раз нарисовать прямоугольник, увеличить до 200%, еще раз нарисовать прямоугольник, увеличить до 200%, еще раз нарисовать прямоугольник:
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);
Попробуйте »