Метод moveTo() для canvas HTML

Определение и использование

moveTo() Метод перемещает путь к указанной точке на канвасе, не создавая линии.

Совет:Используйте stroke() Метод рисует точный путь на канвасе.

Пример

Начните путь, переместитесь в точку 0,0. Создайте линию до точки 300,150:

Ваш браузер не поддерживает тег HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

Попробуйте сами

Синтаксис

context.moveTo(X,Y);

Значение параметра

Параметры Описание
X X-координата целевой точки пути
Y Y-координата целевой точки пути

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Комментарий:Интернет-Explorer 8 и более ранние версии не поддерживают элемент <canvas>.