Latest web development tutorials

HTML propriété toile lineCap

HTML Manuel toile de référence HTML Manuel toile de référence

Exemples

Tracer la ligne de cercle de l'embout:

Votre navigateur ne supporte pas HTML5 canvas tag.

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

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome et Safari soutien propriété lineCap.

Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.


Définition et utilisation

ensembles de propriétés linecap ou retourne la fin de la ligne du style de cap de ligne.

Remarque: la valeur "rond"et "carré" rend les lignes un peu plus longtemps.

Par défaut: crosse
Syntaxe JavaScript: contexte .lineCap = "butt | rond |carré";

Valeur de la propriété

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


HTML Manuel toile de référence HTML Manuel toile de référence