Phương thức moveTo

Phương thức moveTo di chuyển bút vẽ đến một điểm xác định mà không vẽ gì. Từ điểm này sau đó có thể bắt đầu vẽ bằng phương thức lineTo.

Cú pháp

javascriptngữ cảnh.moveTo(x, y);

Ví dụ

Hãy vẽ một đường thẳng:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат:

Xem thêm

  • phương thức lineTo,
    dùng để vẽ các đường thẳng