HTML canvas miterLimit özelliği
Tanım ve Kullanım
miterLimit Özellik ayarları veya döndürür. En büyük yatay açıklık uzunluğu.
Yatay açıklık uzunluğu, iki çizginin birbirine çarpıştığı yerdeki iç açı ve dış açı arasındaki mesafeyi ifade eder.
İpucu:Sadece lineJoin özelliği "miter" olduğunda miterLimit geçerlidir.
Köşe açısı ne kadar küçükse, yatay açıklık uzunluğu o kadar büyük olur.
Yatay açıklık uzunluğunu fazla olmaktan kaçınmak için miterLimit özelliğini kullanabiliriz.
Eğer yatay açıklık uzunluğu miterLimit değerinden büyükse, köşeler lineJoin "bevel" türü ile göstermek için (şekil 3):
Örnek
En büyük yatay açıklık uzunluğu 5 ile çizgi çiz:
JavaScript:
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();
Sözdizimi
context.miterLimit=number;
Özellik Değeri
| Değer | Açıklama |
|---|---|
| number |
Pozitif sayı. En büyük miters uzunluğunu belirler. Miters uzunluğu miterLimit değerinden büyükse, köşeler lineJoin'in "bevel" türü ile gösterilir. |
Teknik Açıklamalar
| Varsayılan Değer: | 10 |
|---|
Tarayıcı Desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklememektedir.
