HTML-Leinwand beginPath () -Methode
Beispiele
Zeichnen Sie zwei Wege auf die Leinwand, grün und lila:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari Unterstützung beginPath () -Methode.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
beginPath () Methode einen Weg zu starten, oder den Strompfad zurückgesetzt.
Tipp: diese Methoden an, um Pfade erstellen moveTo (), lineTo (), quadricCurveTo (), bezierCurveTo (), ARCTO () und Bogen ().
Tipp: Verwenden Sie den Hub () Methode , um den genauen Pfad auf der Leinwand zu zeichnen.
JavaScript-Syntax: | Kontext .beginPath (); |
---|