Canvas HTML miterLimitPropriété
Manuel de référence HTML canvas
Exemples
Tracez une ligne avec une longueur de miter maximale de 5 :
JavaScript :
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=5;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
Essayez-le »
Prise en charge des navigateurs
Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la propriété miterLimit.
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é miterLimit définit ou renvoie la longueur de mitre maximale.
La longueur de mitre désigne la distance entre le coin intérieur et le coin extérieur là où deux lignes se rencontrent.
Astuce :La propriété miterLimit n'est effective que lorsque la propriété lineJoin est "miter".
Plus l'angle du coin est petit, plus la longueur du miter est grande.
Pour éviter que la longueur de mitrene soit trop longue, nous pouvons utiliser la propriété miterLimit.
Si la longueur de mitre dépasse la valeur de miterLimit, le coin sera affiché dans le type "bevel" de lineJoin (Fig 3) :
| Valeur par défaut : | 10 |
|---|---|
| Syntaxe JavaScript : | context.miterLimit=nombre; |
Valeurs de propriété
| Valeur | Description |
|---|---|
| nombre | Un nombre positif. Spécifie la longueur de mitre maximale. Si la longueur de mitre dépasse la valeur de miterLimit, le coin sera affiché dans le type "bevel" de lineJoin. |
Manuel de référence HTML canvas Autres extensions