Перемещение курсора в Canvas

Перемещение курсора полезно, когда вы хотите начать новый путь или перейти к другой части холста без создания видимой линии. Метод moveTo() используется для управления позицией, откуда начинается рисование. Он позволяет перемещать "курсор" по холсту без рисования линии.

Синтаксис:

moveTo(x, y);

Параметры:

Пример:

// Начинаем новый путь
ctx.beginPath();

// Перемещаем "курсор" в точку (50, 50)
ctx.moveTo(50, 50);

// Добавляем линию от текущей позиции до указанной точки (100, 100)
ctx.lineTo(100, 100);

// Закрываем путь
ctx.closePath();

// Рисуем контур пути
ctx.strokeStyle = 'blue'; // Цвет контура
ctx.lineWidth = 2; // Толщина линии
ctx.stroke();

Результат: