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:

Ihr Browser unterstützt das HTML5 Canvas-Tag nicht.

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(); // 绘制

Probieren Sie es selbst aus

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.