Exemple
Tracer des lignes avec la longueur d'onglet maximum 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(); 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é | |||||
|---|---|---|---|---|---|
| miterLimit | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Les ensembles de propriétés miterLimit ou retourne la longueur d'onglet maximale.
La longueur d'onglet est la distance entre le coin intérieur et le coin externe où se rencontrent les deux lignes.
Tip: La propriété miterLimit ne fonctionne que si l' lineJoin attribut est "miter" .
La longueur d'onglet grossit l'angle du coin devient plus petit.
Pour éviter que la longueur d'onglet d'être trop long, nous pouvons utiliser la propriété miterLimit.
Si la longueur d'onglet dépasse la valeur miterLimit, le coin est affiché en tant que type lineJoin "bevel" (Fig 3) :
| Valeur par défaut: | dix |
|---|---|
| syntaxe JavaScript: | context .miterLimit= number ; |
Valeurs de propriété
| Valeur | La description | Joue-le |
|---|---|---|
| number | Un nombre positif qui spécifie la longueur maximale d'onglet. Si la longueur d'onglet courant dépasse le miterLimit, le coin affiche comme lineJoin "bevel" | Joue-le " |
<Canvas objet