Methode moveTo

Die Methode moveTo bewegt den Zeichenstift zu einem bestimmten Punkt, ohne dabei etwas zu zeichnen. Von diesem Punkt aus kann dann mit der Methode lineTo gezeichnet werden.

Syntax

javascriptKontext.moveTo(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();

Результат:

Siehe auch