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
, andNaN
values 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
miterLimit
to a negative value no longer throws an exception; instead, it properly ignores non-positive values.
See also
- The interface defining this property:
CanvasRenderingContext2D
CanvasRenderingContext2D.lineCap
CanvasRenderingContext2D.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