English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
ميزة miterLimit هي خاصية في API Canvas 2D لتعيين نسبة الحد الأقصى للزاوية. عند الحصول على قيمة الخاصية، سيتم إرجاع القيمة الحالية (القيمة الافتراضية هي 10.0). عند تعيين الخاصية، سيتم تجاهل 0، والأرقام السلبية، وInfinity وNaN؛ سيتم منح أي شيء آخر قيمة جديدة.
رسم خط ذو أطول زاوية أقصى قدره 20:
<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية miterLimit في HTML canvas (موقع دروس أساسية oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
لا يدعم متصفحك علامة HTML5 canvas.
</canvas>
<p>حاول تعيين miterLimit إلى 4(ثم، سيكون طول الزاوية أكبر من الحد الأقصى للزاوية)، وعندما يرضى الخط سيظهر كـ lineJoin ="bevel".</p>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>التحقق من ‹/›IEFirefoxOperaChromeSafari
Internet Explorer 9،Firefox،Opera،Chrome وSafari دعم خاصية miterLimit.
الإشارة:دعم Internet Explorer 8 وأقل إصداراته لا يدعم عنصر <canvas>.
تحدد خاصية miterLimit أقصى طول زاوية الميل.
طول زاوية الميل هو المسافة بين الزاوية الداخلية والخارجية عند تقاطع خطين.
نصيحة:فعالية miterLimit فقط عندما يكون خاصية lineJoin "miter".
كلما كانت زاوية الزاوية أصغر،كان طول زاوية الميل أكبر.
لمنع طول زاوية الميلمبالغ فيه،يمكننا استخدام خاصية miterLimit.
إذا كان طول زاوية الميل يتجاوز قيمة miterLimit،则会按照 نوع "bevel" من lineJoin عرض زوايا الحواف (الشكل 3):
| القيمة الافتراضية: | 10 |
|---|---|
| جافا سكريبت syntax: | سياق.miterLimit=عدد; |
| القيمة | الوصف |
|---|---|
| عدد | عدد إيجابي. يحدد أقصى طول زاوية الميل. إذا كان طول زاوية الميل يتجاوز قيمة miterLimit،则会按照 نوع "bevel" من lineJoin عرض زوايا الحواف. |