HTML canvas lineCapPropriété
Manuel de référence HTML canvas
Exemples
Dessinez un embout de ligne arrondi à l'extrémité de la ligne :
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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
Essayez-le vous-même »
Prise en charge des navigateurs
Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la propriété lineCap.
Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
La propriété lineCap définit ou renvoie le style de l'extrémité de ligne à la fin d'une ligne.
Remarque :Les valeurs "round" et "square" rendent la ligne légèrement plus longue.
| Valeur par défaut : | butt |
|---|---|
| Syntaxe JavaScript : | context.lineCap="butt|round|square"; |
Valeurs de propriété
| Valeur | Description |
|---|---|
| butt | Par défaut. Ajoute une extrémité plate à chaque bout de la ligne. |
| round | Ajoute une extrémité arrondie à chaque bout de la ligne. |
| square | Ajoute une extrémité carrée à chaque bout de la ligne. |
Manuel de référence HTML canvas Autres extensions