Exemplu
Desenați linii cu lungimea maximă de tăiere oblică 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(); Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| miterLimit | 4 | 9 | 3.6 | 4 | 10.1 |
Definiție și utilizare
Seturile de proprietate miterLimit sau returnează lungimea maximă de tăiere oblică.
Lungimea mitre este distanța dintre colțul interior și colțul exterior în care două linii întâlnesc.
Tip: Proprietatea miterLimit funcționează numai în cazul în care lineJoin atributul este "miter" .
Lungimea Mitre crește mai mare ca unghiul de colț devine mai mic.
Pentru a preveni lungimea de tăiere oblică de a fi prea mult timp, putem folosi proprietatea miterLimit.
Dacă lungimea mitre depășește valoarea miterLimit, colțul va fi afișat ca tip lineJoin "bevel" (Fig 3) :
| Valoare implicită: | 10 |
|---|---|
| sintaxa JavaScript: | context .miterLimit= number ; |
Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| number | Un număr pozitiv care specifică lungimea maximă de tăiere oblică. Dacă lungimea mitre curent depășește miterLimit, colțul va afișa ca lineJoin "bevel" | Joaca - l » |
<Canvas obiect