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
Kontext.lineTo(x, y);
Beispiel
Lassen Sie uns eine Linie zeichnen:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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();
:
