HTML canvas lineCap ਪ੍ਰੋਪਰਟੀ

HTML5 Canvas ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

lineCap ਪ੍ਰੋਪਰਟੀ ਸੈਟ ਕਰਨ ਜਾਂ ਲਾਈਨ ਦੇ ਅੰਤ ਦੇ ਟਾਈਪ ਨੂੰ ਵਾਪਸ ਲੈਣਾ ਹੈ。

ਨੋਟ:"round" ਅਤੇ "square" ਦੇ ਮਾਮਲੇ ਵਿੱਚ ਲਾਈਨ ਕੁਝ ਲੰਮੀ ਹੋ ਜਾਵੇਗੀ。

ਉਦਾਹਰਣ

ਗੋਲਾ ਦੀ ਪੂਰਣ ਲਾਈਨ ਟਾਈਪ ਕਰੋ:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();

ਆਪਣੇ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ

context.lineCap="butt|round|square";

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
butt ਮੂਲ ਮੁੱਲ।ਹਰੇਕ ਛੋਟੇ ਕੋਨੇ ਵਿੱਚ ਸਿੱਧੇ ਕਿਨਾਰੇ ਜੋੜੋ
round ਹਰੇਕ ਛੋਟੇ ਕੋਨੇ ਵਿੱਚ ਗੋਲ ਕੋਨੇ ਜੋੜੋ
square ਹਰੇਕ ਛੋਟੇ ਕੋਨੇ ਵਿੱਚ ਸਮੰਤਰ ਕੋਨੇ ਜੋੜੋ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: butt

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

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

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

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

HTML5 Canvas ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ