HTML canvas miterLimit eigenschap
Voorbeeld
Trek lijnen met de maximale versteklengte van 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();
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
miterLimit | Yes | 9.0 | Yes | Yes | Yes |
Definitie en gebruik
Met de eigenschap miterLimit wordt de maximale versteklengte ingesteld of geretourneerd.
De versteklengte is de afstand tussen de binnenhoek en de buitenhoek waar twee lijnen samenkomen.
Tip: De eigenschap miterLimit werkt alleen als het kenmerk lineJoin "miter" is.
De versteklengte wordt groter naarmate de hoek van de hoek kleiner wordt.
Om te voorkomen dat de versteklengte te lang is, kunnen we de eigenschap miterLimit gebruiken.
Als de versteklengte de versteklimietwaarde overschrijdt, wordt de hoek weergegeven als lineJoin-type "afschuining" (Fig 3):
Standaardwaarde: | 10 |
---|---|
JavaScript-syntaxis: | context .miterLimit= getal ; |
Eigendomswaarden
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" |
❮ HTML Canvas-referentie