Propriété miterLimit du canevas HTML
Exemple
Tracez des lignes avec une longueur d'onglet maximale de 5 :
JavaScript :
var c = document.getElementById("myCanvas");
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();
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
| Property | |||||
|---|---|---|---|---|---|
| miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Définition et utilisation
La propriété miterLimit définit ou renvoie la longueur de mitre maximale.
La longueur d'onglet est la distance entre le coin intérieur et le coin extérieur où deux lignes se rencontrent.
Conseil : La propriété miterLimit ne fonctionne que si l'attribut lineJoin est "miter".
La longueur de l'onglet augmente à mesure que l'angle du coin diminue.
Pour éviter que la longueur de mitre ne soit trop longue, nous pouvons utiliser la propriété miterLimit.
Si la longueur de l'onglet dépasse la valeur miterLimit, le coin sera affiché en tant que lineJoin de type "biseau" (Fig 3) :
| Valeur par défaut: | dix |
|---|---|
| Syntaxe JavaScript : | contexte .miterLimit= nombre ; |
Valeurs de propriété
| Value | Description | Play it |
|---|---|---|
| number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ Référence de canevas HTML