HTML tuval lineCap Özellik

❮ HTML Kanvas Referansı

Örnek

Uçları yuvarlatılmış bir çizgi çizin:

TarayıcınızHTML5tuval etiketini desteklemiyor.

JavaScript:

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

Tarayıcı Desteği

Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Property
lineCap Yes 9.0 Yes Yes Yes

Tanım ve Kullanım

lineCap özelliği, bir satır için bitiş büyük harf stilini ayarlar veya döndürür.

Not: "yuvarlak" ve "kare" değerleri çizgileri biraz daha uzun yapar.

Varsayılan değer: popo
JavaScript sözdizimi: bağlam .lineCap="butt|yuvarlak|kare";

Mülk değerleri

Value Description Play it
butt Default. A flat edge is added to each end of the line
round A rounded end cap is added to each end of the line
square A square end cap is added to each end of the line

❮ HTML Kanvas Referansı