Canvas lineCap ਗੁਣ

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

lineCap ਗੁਣ ਸੈਟ ਜਾਂ ਰੂਪ ਵਿੱਚ ਰੇਖਾ ਦੇ ਮੁਕਤ ਪੱਥਰ ਦੀ ਸ਼ੈਲੀ ਦੇਣਾ ਜਾਂ ਲੈਣਾ。

تعلیمات:"ਸਮਕੇਂਦਰਿਤ" ਅਤੇ "square" ਰੇਖਾ ਕ੍ਰਮਵਾਰ ਥੋੜ੍ਹੀ ਲੰਬੀ ਹੋ ਜਾਵੇਗੀ。

ਉਦਾਹਰਣ

ਸਮਕੇਂਦਰਿਤ ਸਰਕਲ ਦੇ ਸਮਾਪਨ ਹੈੱਡ ਦਰਸਾਓ:

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

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 ਮੂਲਮੰਤਰ। ਕ੍ਰਮਵਾਰ ਹਰ ਰੇਖਾ ਦੇ ਮੁਕਤ ਪੱਥਰ ਨੂੰ ਸਮਾਂਤਰ ਧਾਰਾ ਜੋੜੋ。
ਸਮਕੇਂਦਰਿਤ ਕ੍ਰਮਵਾਰ ਹਰ ਰੇਖਾ ਦੇ ਮੁਕਤ ਪੱਥਰ ਨੂੰ ਸਮਕੇਂਦਰਿਤ ਸਰਕਲ ਜੋੜੋ。
square خط کے ہر کونے میں مربع خط کا کپ کا اضافہ کرنا۔

تکنیکی تفصیلات

مقصد: butt

براوزر سپورٹ

جداول میں شمار کی گئی نسلیں پہلی بار اس خاص امتیاز کو پورا طور پر سپورٹ کرنے والی براوزر کی نسلیں کا حوالہ دیتے ہیں。

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

تعلیمات:Internet Explorer 8 اور اس سے پچھلے کی نسلیں <canvas> علامت کو نہیں سپورٹ کرتی ہیں。