Canvas beginPath() Methode
Definition und Verwendung
beginPath()
Methoden beginnen einen Pfad oder setzen den aktuellen Pfad zurück.
Hinweis:Verwenden Sie diese Methoden, um Pfade zu erstellen: moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() und arc().
Hinweis:Verwenden Sie stroke() Methoden zeichnen präzise Pfade auf dem Canvas.
Beispiel
Zwei Pfade auf dem Canvas zeichnen; rot und blau:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // 红色路径 ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // 绘制 ctx.beginPath(); ctx.strokeStyle="blue"; // 蓝色路径 ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // 绘制
Syntax
context.beginPath();
Browserunterstützung
Die in der Tabelle genannten Zahlen geben die erste Browserversion an, die diese Eigenschaft vollständig unterstützt.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.