HTML canvas lineCap özelliği
Tanım ve Kullanım
lineCap Özellik ayarlamak veya çizgi ucunun çaprazı tarzını döndürmek için kullanılır.
Açıklama:"round" ve "square" çizgileri biraz uzatır.
Örnek
Daire çizimi bitiş çaprazı:
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();
Sözdizimi
context.lineCap="butt|round|square";
Özellik Değeri
| Değer | Açıklama |
|---|---|
| butt | Varsayılan. Hattın her iki ucuna düz kenar ekler. |
| round | Hattın her iki ucuna yuvarlak çaprazlık ekler. |
| square | Hattın her iki ucuna düz köşeli çaprazlık ekler. |
Teknik Açıklamalar
| Varsayılan Değer: | butt |
|---|
Tarayıcı Desteği
Tablodaki numaralar, 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.
