Örnek
yuvarlatılmış uç kapakları ile bir çizgi çizin:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
lineCap | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Tanımı ve Kullanımı
LineCap özelliği, ayarlar veya bir hat için uç kapakları stilini döndürür.
Note: değeri "round" ve "square" biraz daha uzun çizgiler yapmak.
Varsayılan değer: | popo |
---|---|
JavaScript sözdizimi: | context .lineCap="butt|round|square"; |
Mülkiyet Değerler
değer | Açıklama | Oynat |
---|---|---|
butt | Varsayılan. Düz kenar çizgisinin her iki ucuna eklenir | Oynat " |
round | Bir yuvarlak uç kapağı hattının her bir ucunda ilave edilir | Oynat " |
square | Bir kare uç kapağı hattının her bir ucunda ilave edilir | Oynat " |
<Tuval Nesne