HTML холст scale() Метод
Пример
Нарисуйте прямоугольник, масштабирование до 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() Масштабирует текущий чертеж, больше или меньше.
Примечание: При масштабировании чертежа все будущие чертежи также будут масштабироваться. Позиционирование также будет масштабироваться. При масштабировании (2, 2); чертежи будут расположены в два раза больше, чем слева и вверху холста, как вы укажете.
Синтаксис JavaScript: | context.scale(scalewidth,scaleheight); |
---|
Другие Примеры
Пример
Рисование прямоугольника, масштабирование до 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);
❮ HTML Справка на полотно