Exemple
Tracer une ligne avec embouts arrondis:
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 vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| lineCap | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Les ensembles de propriétés LineCap ou retourne le style des embouts pour une ligne.
Note: La valeur "round" et "square" rendre les lignes un peu plus.
| Valeur par défaut: | bout |
|---|---|
| syntaxe JavaScript: | context .lineCap="butt|round|square"; |
Valeurs de propriété
| Valeur | La description | Joue-le |
|---|---|---|
| butt | Défaut. Un bord plat est ajouté à chaque extrémité de la ligne | Joue-le " |
| round | Un capuchon d'extrémité arrondie est ajouté à chaque extrémité de la ligne | Joue-le " |
| square | Un capuchon d'extrémité carrée est ajoutée à chaque extrémité de la ligne | Joue-le " |
<Canvas objet