Canvas miterLimit ominaisuus
Määrittely ja käyttö
miterLimit Asettaa tai palauttaa suurimman terävän kulman pituuden.
Terävän kulman pituus tarkoittaa etäisyyttä kahden linjan risteyksessä olevan sisäkulman ja ulkokulman välillä.
Vinkki:Vain kun lineJoin-ominaisuus on "miterkunnes, miterLimit on voimassa.
Kulman kulma on pienempi, mitä suurempi terävän kulman pituus on.
Välttääksemme liian pitkien terävien kulmien, voimme käyttää miterLimit-ominaisuutta.
Jos terävän kulman pituus ylittää miterLimit-arvon, reunakulmat näytetään lineJoinin "beveltyyliä näytetään (kuvaus 3):
Esimerkki
Piirretään viiva maksimiterävän kulman pituudella 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();
Syntaksi
context.miterLimit=number;
Ominaisuusarvo
| Arvo | Kuvaus |
|---|---|
| number |
Luku. Määrittää suurimman terävän kulman pituuden. Jos terävän kulman pituus ylittää miterLimit-arvon, reunakulmat näytetään lineJoinin "bevel"-tyylinä. |
Tekninen yksityiskohta
| Oletusarvo: | 10 |
|---|
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas>-elementtiä.
