пример
Нарисуйте прямоугольник в позиции (10,10) , установите новую (0,0) позиции (70,70) . Нарисуйте же прямоугольник снова (notice that the rectangle now starts in position (80,80) , (notice that the rectangle now starts in position (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() | 4,0 | 9,0 | 3,6 | 4,0 | 10,1 |
Определение и использование
translate() метод перераспределяет (0,0) положение на холсте.
Note: При вызове метода, как fillRect() после translate() , значение добавляется к х- и у-значения координат.
переводить () метод "/> | Синтаксис JavaScript: | context . translate( x,y ) ; |
|---|
Значения параметров
Note: Вы можете указать один или оба параметра.
| параметр | Описание | Сыграй |
|---|---|---|
| x | Значение , чтобы добавить к горизонтальному (x) координат | Сыграй " |
| y | Значение , чтобы добавить к вертикальному (y) координат | Сыграй " |
<Холст объекта