Canvas miterLimit özelliği
Tanım ve Kullanım
miterLimit Özellik ayarlar veya en büyük eğri ekleme uzunluğunu döndürür.
Eğri ekleme uzunluğu, iki çizginin kesiştiği yerdeki iç açı ve dış açı arasındaki mesafeyi belirtir.
İpucu:lineJoin özelliği "miter" durumunda miterLimit geçerlidir.
Köşe açısı ne kadar küçükse, eğri ekleme uzunluğu o kadar büyüktür.
Eğri ekleme uzunluğunu fazla olmaktan kaçınmak için miterLimit özelliğini kullanabiliriz.
Eğri ekleme uzunluğu miterLimit değerini aşarsa, köşeler lineJoin "beveltürüyle gösterilir (Şekil 3):
Örnek
En büyük eğri ekleme uzunluğu 5 ile çizgi çizin:
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 eğri ekleme uzunluğunu belirler. Eğri ekleme uzunluğu miterLimit değerini aşarsa, köşeler lineJoin "bevel" türüyle gösterilir. |
Teknik ayrıntılar
| Varsayılan değer: | 10 |
|---|
Tarayıcı desteği
Tabloda gösterilen numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| 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> öğesini desteklememektedir.
