HTML-Canvas beginPath()Methode
Beispiele
Zeichnen Sie zwei Pfade auf dem Canvas; grün und violett:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Grüner Pfad
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Zeichne es
ctx.beginPath();
ctx.strokeStyle="purple"; // Violetter Pfad
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Zeichne es
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Grüner Pfad
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Zeichne es
ctx.beginPath();
ctx.strokeStyle="purple"; // Violetter Pfad
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Zeichne es
Selbst ausprobieren »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die Methode beginPath().
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
Definition und Verwendung
Die Methode beginPath() startet einen Pfad oder setzt den aktuellen Pfad zurück.
Tipp:Verwenden Sie diese Methoden, um einen Pfad zu erstellen: moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() und arc().
Tipp:Verwenden Sie diestroke()Methode, um den genauen Pfad auf dem Canvas zu zeichnen.
| JavaScript-Syntax: | context.beginPath(); |
|---|
HTML-Canvas-Referenz Andere Erweiterungen