HTML-холст масштаба () метод
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);
Попробуйте »
HTML холст Справочное руководство