Μέθοδος moveTo

Η μέθοδος moveTo μετακινεί την πένα σχεδίασης σε ένα δεδομένο σημείο, χωρίς να σχεδιάζει τίποτα. Από αυτό το σημείο μπορείτε στη συνέχεια να αρχίσετε να σχεδιάζετε με τη βοήθεια της μεθόδου lineTo.

Σύνταξη

javascriptcontext.moveTo(x, y);

Παράδειγμα

Ας σχεδιάσουμε μια γραμμή:

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();

Результат:

Δείτε επίσης