Easy Tutorial
❮ Att Form Autocomplete Att Area Media ❯

HTML Canvas lineJoin Property

HTML Canvas Reference

Example

Create rounded corners when two lines meet:

JavaScript:


Browser Support

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the lineJoin property.

Note: Internet Explorer 8 and earlier versions do not support the <canvas> element.


Definition and Usage

The lineJoin property sets or returns the type of corner created when two lines meet.

Note: The "miter" value is affected by the miterLimit property.

Default value: miter
JavaScript syntax: context.lineJoin="bevel round miter";
--- ---

Property Values

Value Description
bevel Creates a bevel.
round Creates a rounded corner.
miter Default. Creates a sharp corner.

❮ Att Form Autocomplete Att Area Media ❯