Canvas lineCap Özelliği

Tanım ve Kullanım

lineCap Özellik ayarlamak veya dizi ucunda hat başlık tarzını döndürmek için.

Açıklama:"dairesel" ve "square" hatı hafifçe uzatacaktır.

Örnek

Dairesel son hat başlığını çizin:

Tarayıcınız canvas etiketini desteklememektedir.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="dairesel";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();

Kişisel olarak deneyin

Sözdizimi

context.lineCap="butt|dairesel|kare";

Özellik değeri

Değer Açıklama
butt Öntanımlı. Hattın her ucuna düz kenar ekleyin.
dairesel Hattın her ucuna dairesel hat başlığı ekleyin.
square Her çizginin her iki ucuna da kare çaprazı ekler.

Teknik ayrıntılar

Varsayılan değer: butt

Tarayıcı desteği

Tabloda 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.