---
title: miterLimit
framework: webkitjs
role: symbol
role_heading: Instance Property
path: webkitjs/canvasrenderingcontext2d/1631529-miterlimit
---

# miterLimit

A floating-point number that controls the miter limit ratio for mitered line joins.

## Declaration

```data
attribute unrestricted float miterLimit;
```

## Discussion

Discussion The miterLimit value must be a nonzero positive number. This property affects the appearance of line joins when the lineJoin property is set to miter. The miter length is the distance from the point where the join occurs to the intersection of the line edges on the outside of the join. The miter limit ratio is the maximum allowed ratio of the miter length to half the line width. If the miter length would cause the miter limit ratio to be exceeded, the second triangle of the miter join is not rendered, and the join is beveled.

## See Also

### Filling and Stroking Lines and Paths

- [fill](webkitjs/canvasrenderingcontext2d/1631011-fill.md)
- [fillStyle](webkitjs/canvasrenderingcontext2d/1633959-fillstyle.md)
- [lineCap](webkitjs/canvasrenderingcontext2d/1629505-linecap.md)
- [lineJoin](webkitjs/canvasrenderingcontext2d/1629229-linejoin.md)
- [lineWidth](webkitjs/canvasrenderingcontext2d/1630379-linewidth.md)
- [stroke](webkitjs/canvasrenderingcontext2d/1634233-stroke.md)
- [strokeStyle](webkitjs/canvasrenderingcontext2d/1634470-strokestyle.md)