YouTipProp Canvas Linejoin
# HTML canvas lineJoin Property
[ Canvas Object](#)
## Example
Create rounded corners when two lines meet:
YourbrowserdoesnotsupporttheHTML5canvastag.
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
[Try it »](#)
* * *
## 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 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 (#) property.
| Default Value: | miter |
| --- |
| JavaScript Syntax: | _context_.lineJoin="bevel|round|miter"; |
## Property Values
| Value | Description |
| --- | --- |
| bevel | Creates a beveled corner. |
| round | Creates a rounded corner. |
| miter | Default. Creates a pointed corner. |
* * Canvas Object](#)