Code
Execute
<!DOCTYPE html> <html> <head> <title>Wikitechy HTML Canvas lineJoin Property </title> </head> <body> <h1>Wikitechy HTML Canvas lineJoin Property</h1> <canvas id="wikitechyCanvas" width="200" height="200" style="border:2px solid red;"> </canvas> <script> var a= document.getElementById("wikitechyCanvas"); var lj = a.getContext("2d"); lj.beginPath(); lj.lineWidth = 20; lj.lineJoin = "bevel"; lj.moveTo(30, 10); lj.lineTo(150, 75); lj.lineTo(15, 100); lj.stroke(); </script> </body> </html>
Result