En son web geliştirme öğreticiler
 

HTML canvas miterLimit Propery

<Tuval Nesne

Örnek

5 maksimum gönye uzunluğu çizgiler çizin:

YourbrowserdoesnotsupporttheHTML5canvastag.

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();
Kendin dene "

Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
miterLimit 4.0 9.0 3.6 4.0 10.1

Tanımı ve Kullanımı

miterLimit özelliği, ayarlar veya en fazla gönye uzunluğu ile döner.

gönye uzunluklu iç köşe ve iki hat araya dış köşesi arasındaki mesafedir.

Gönye Sınırı rakam 1

Tip: miterLimit özelliği durumunda çalışır lineJoin niteliktir "miter" .

gönye uzunluk köşe açısı küçüldükçe daha büyük yetişir.

Çok uzun olmaktan gönye uzunluğunu önlemek için, miterLimit özelliğini kullanabilirsiniz.

Gönye uzunluğu miterLimit değeri aşarsa, köşe lineJoin türü olarak gösterilecektir "bevel" (Fig 3) :

Gönye Sınırı Şekil 2
Varsayılan değer: 10
JavaScript sözdizimi: context .miterLimit= number ;

Mülkiyet Değerler

değer Açıklama Oynat
number Maksimum gönye uzunluğunu belirten pozitif bir sayı. Mevcut gönye uzunluğu MiterLimit aşarsa, köşe lineJoin olarak görüntülenir "bevel" Oynat "

<Tuval Nesne