пример
Нарисуйте прямоугольник в позиции (10,10) , установите новый (0,0) позицию (70,70) . Нарисуйте же прямоугольник снова (обратите внимание , что прямоугольник теперь начинается в позиции (80,80) :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| translate() | да | 9.0 | да | да | да |
Определение и использование
translate() метод перераспределяет (0,0) положение на холсте.
Примечание: При вызове метода, как fillRect() после translate() , значение добавляется к Х- и Y-значения координат.
| Синтаксис JavaScript: | context.translate( x,y ); |
|---|
Значения параметров
Примечание: Можно указать один или оба параметра.
| параметр | Описание | Сыграй |
|---|---|---|
| x | Значение, чтобы добавить к горизонтальным (х) координат | Сыграй " |
| y | Значение для добавления в вертикальном (у) координат | Сыграй " |