Latest web development tutorials

proprietà tela Linecap HTML

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

Tracciare la linea cerchio del cappuccio terminale:

Il tuo browser non supporta tag canvas HTML5.

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();

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e proprietà Linecap supporto di Safari.

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.


Definizione e utilizzo

insiemi di proprietà Linecap o restituisce il fine linea dello stile di linea protezione.

Nota: "rotondo" e "quadrato" valore rende le linee un po 'più a lungo.

predefinito: culo
sintassi JavaScript: contesto .lineCap = "culo | rotondo |piazza";

Proprietà Valore

描述
butt 默认。向线条的每个末端添加平直的边缘。
round 向线条的每个末端添加圆形线帽。
square 向线条的每个末端添加正方形线帽。


HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento