HTML tuvali miterLimit Özellik
Örnek
Maksimum gönye uzunluğu 5 olan çizgiler ç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();
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Tanım ve Kullanım
miterLimit özelliği, maksimum gönye uzunluğunu ayarlar veya döndürür.
Gönye uzunluğu, iç köşe ile iki çizginin birleştiği dış köşe arasındaki mesafedir.
İpucu: miterLimit özelliği yalnızca lineJoin niteliği "gönye" ise çalışır.
Köşe açısı küçüldükçe gönye uzunluğu büyür.
Gönye uzunluğunun çok uzun olmaması için miterLimit özelliğini kullanabiliriz.
Gönye uzunluğu miterLimit değerini aşarsa, köşe lineJoin tipi "bevel" olarak görüntülenecektir (Şekil 3):
Varsayılan değer: | 10 |
---|---|
JavaScript sözdizimi: | bağlam .miterLimit= sayı ; |
Mülk değerleri
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 Kanvas Referansı