Exemple
Tracez 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(200,20);
ctx.stroke();
Essayez - le 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 | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Les ensembles de propriétés linecap ou retourne le style des embouts pour une ligne.
Note: La valeur "rond" et "carré" faire un peu plus longtemps les lignes.
| Valeur par défaut: | bout |
|---|---|
| Syntaxe JavaScript: | context.lineCap="butt|round|square"; |
propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| butt | Défaut. Un mé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 embout carré est ajouté à chaque extrémité de la ligne | Joue-le " |