W3cubDocs

/DOM

CanvasRenderingContext2D.miterLimit

The CanvasRenderingContext2D.miterLimit property of the Canvas 2D API sets the miter limit ratio in coordinate space units.

See also the chapter 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, and NaN values are ignored. The default value is 10.0.

Examples

Using the miterLimit property

See the chapter Applying styles and color in the Canvas tutorial for more information.

Screenshot Live sample

Specifications

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support Yes 12 Yes Yes Yes Yes
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support Yes Yes Yes Yes Yes Yes Yes
  • 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

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit