Methode lineTo

Die Methode lineTo zeichnet eine Linie von Punkt zu Punkt. Die Linie wird von der aktuellen Position des Zeichenstifts zu den angegebenen Koordinaten gezogen. Die Koordinaten werden als Parameter der Methode angegeben.

Syntax

javascriptKontext.lineTo(x, y);

Beispiel

Lassen Sie uns eine Linie zeichnen:

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

Результат:

Beispiel

Lassen Sie uns ein Quadrat zeichnen:

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

Результат:

Siehe auch