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"; // ਲਾਲ ਮਾਰਗ
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(); // ਆਰਟ ਕਰੋ

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੱਮਤਾ

context.beginPath();

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਿਫ਼ਰ ਸਾਰੇ ਇਸ ਗੁਣ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਦਾ ਸੂਚਨਾ ਦਿੰਦੇ ਹਨ。

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.6 4.0 10.1

ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਸੰਸਕਰਣ ਨਹੀਂ <canvas> ਐਲੀਮੈਂਟ ਸਮਰਥਨ ਕਰਦੇ ਹਨ。