CanvasRenderingContext2D.miterLimit
The CanvasRenderingContext2D.miterLimit property of the Canvas 2D API sets the miter limit ratio.
Note: For more info about miters, see Applying styles and color in the Canvas tutorial.
Syntax
ctx.miterLimit = value;
Options
value-
A number specifying the miter limit ratio, in coordinate space units. Zero, negative,
Infinity, andNaNvalues are ignored. The default value is10.0.
Examples
Using the miterLimit property
See the chapter Applying styles and color in the Canvas tutorial for more information.
| Screenshot | Live sample |
|---|---|
Specifications
| Specification |
|---|
| HTML Standard (HTML) # dom-context-2d-miterlimit-dev |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
miterLimit |
1 |
12 |
1.5 |
9 |
≤12.1 |
2 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
WebKit/Blink-specific notes
- In WebKit- and Blink-based Browsers, a non-standard and deprecated method
ctx.setMiterLimit()is implemented in addition to this property.
Gecko-specific notes
- Starting Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1), setting
miterLimitto a negative value no longer throws an exception; instead, it properly ignores non-positive values.
See also
- The interface defining this property:
CanvasRenderingContext2D CanvasRenderingContext2D.lineCapCanvasRenderingContext2D.lineJoin
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit