Exemple
Tracez 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 - 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é | |||||
|---|---|---|---|---|---|
| miterLimit | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Les ensembles de propriétés miterLimit ou renvoie la longueur maximale d'onglet.
La longueur d'onglet est la distance entre le coin interne et le coin externe où deux lignes se rencontrent.
Astuce: La propriété miterLimit ne fonctionne que si l' lineJoin attribut est "miter" .
La longueur d'onglet grandit comme l'angle du coin devient plus petit.
Pour éviter que la longueur de la mitre d'être trop long, nous pouvons utiliser la propriété miterLimit.
Si la longueur d'onglet dépasse la valeur miterLimit, le coin sera affiché en tant que type lineJoin "bevel" (figure 3):
| Valeur par défaut: | dix |
|---|---|
| Syntaxe JavaScript: | context.miterLimit=number; |
propriété valeurs
| 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 " |