This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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.
A number specifying the miter limit ratio, in coordinate space units. Zero, negative, Infinity, and NaN values are ignored. The default value is 10.0.
miterLimit propertySee the chapter Applying styles and color in the Canvas tutorial for more information.
| Specification |
|---|
| HTML> # dom-context-2d-miterlimit-dev> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
miterLimit |
1 | 12 | 1.5 | ≤12.1 | 2 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
CanvasRenderingContext2D
CanvasRenderingContext2D.lineCapCanvasRenderingContext2D.lineJoin
© 2005–2025 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