HTML कैनवस lineCap अभियान

HTML5 Canvas संदर्भ दस्तावेज

परिभाषा और उपयोग

lineCap प्रविष्टि या परिणाम के लिए लाइन के अंत के शीर्ष के शैली को सेट करें या लॉग रहा है.

टिप्पणी："round" और "square" लाइन को थोड़ा लंबा बनाएगा.

उदाहरण

वृत्त की अंतिम लकीर के खिलाफ लेना:

आपका ब्राउज़र कैनवस टैग को समर्थित नहीं करता.

जावास्क्रिप्ट:

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

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों में पहली बार इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण निर्दिष्ट किया गया है。

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

टिप्पणी：Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 Canvas संदर्भ दस्तावेज