HTML canvas beginPath() 方法

定义和用法

beginPath() 方法开始一条路径,或重置当前的路径。

提示:请使用这些方法来创建路径:moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() 以及 arc()。

提示:请使用 stroke() 方法在画布上绘制确切的路径。

实例

在画布上绘制两条路径;红色和蓝色:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // Patan baki
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // A cikin tsare
ctx.beginPath();
ctx.strokeStyle="blue"; // Patan bili
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // A cikin tsare

Kai samu shi kai

Gwamnati

context.beginPath();

Dalilin samu browsers

Daki na taban suna bayyana sabon browsers da suka taɗaɗa kuma suka taɗaɗa samu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Tarkasa:Internet Explorer 8 da yadda suka gabata ba a taɗaɗa <canvas> ɗimiko ba.