HTML कैनवास miterLimit संपत्ति
उदाहरण
5 की अधिकतम मीटर लंबाई वाली रेखाएं बनाएं:
जावास्क्रिप्ट:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.lineWidth = 10;
ctx.lineJoin = "miter";
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
परिभाषा और उपयोग
miterLimit गुण अधिकतम मीटर लंबाई सेट या लौटाता है।
मेटर की लंबाई आंतरिक कोने और बाहरी कोने के बीच की दूरी है जहां दो रेखाएं मिलती हैं।
टिप: miterLimit प्रॉपर्टी तभी काम करती है जब लाइनजॉइन एट्रीब्यूट "मिटर" हो।
जैसे-जैसे कोने का कोण छोटा होता जाता है, मैटर की लंबाई बढ़ती जाती है।
मैटर की लंबाई बहुत अधिक होने से रोकने के लिए , हम miterLimit गुण का उपयोग कर सकते हैं।
यदि मैटर की लंबाई miterLimit मान से अधिक है, तो कोने को लाइनजॉइन प्रकार "बेवल" (चित्र 3) के रूप में प्रदर्शित किया जाएगा:
| डिफ़ॉल्ट मान: | 10 |
|---|---|
| जावास्क्रिप्ट सिंटैक्स: | प्रसंग .miterLimit= संख्या ; |
सम्पत्ति की कीमत
| Value | Description | Play it |
|---|---|---|
| number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ HTML कैनवास संदर्भ