Canvas beginPath() ਮੱਥਦਾਨ

Canvas ਪ੍ਰਮਾਣਪੱਤਰ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

beginPath() ਮੱਥਦਾਨ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ ਜਾਂ ਮੌਜੂਦਾ ਮੱਥਦਾਨ ਨੂੰ ਮਿਟਾਉਂਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਨ੍ਹਾਂ ਮੱਥਦਾਨਾਂ ਨੂੰ ਇਸਤੇਮਾਲ ਕਰਕੇ ਰਸਤੇ ਬਣਾਓ: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() ਅਤੇ arc()。

ਸੁਝਾਅ:ਕਿਵੇਂ ਇਸਤੇਮਾਲ ਕਰੋ: stroke() ਕੈਂਵਸ 'ਤੇ ਨਿਸ਼ਚਿਤ ਰਸਤੇ ਪੇਂਟ ਕਰਨ ਵਾਲੀ ਮੱਥਦਾਨ

ਉਦਾਹਰਣ

ਕੈਂਵਸ 'ਤੇ ਦੋ ਰਸਤੇ ਪੇਂਟ ਕਰੋ; ਲਾਲ ਅਤੇ ਨੀਲਾ:

ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ HTML5 ਕੈਂਵਸ ਟੈਗ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ。

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> ਅੰਬੇਡਮੈਂਟ ਨਹੀਂ ਸਪੋਰਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

Canvas ਪ੍ਰਮਾਣਪੱਤਰ