Méthode lineTo

La méthode lineTo trace une ligne d'un point à un autre. La ligne est tracée depuis la position actuelle du stylet de dessin jusqu'aux coordonnées spécifiées. Les coordonnées sont spécifiées par les paramètres de la méthode.

Syntaxe

javascriptcontexte.lineTo(x, y);

Exemple

Traçons une ligne :

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

Результат:

Exemple

Traçons un carré :

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.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.lineTo(50, 50);
ctx.stroke();

Результат:

Voir aussi