The lineJoin property
The lineJoin property is used to set the way that the corners are drawn
The lineJoin
property is used to set how lines are drawn when they are
connected. There are three possible values: bevel
round
and miter
. Initially, the setting is miter
. Below are examples of the
different types.
An example
<script> window.onload = function () { var canvas = document.getElementById("cvs"); var context = canvas.getContext('2d'); // Translate by half a pixel - this makes lines look crisp context.translate(0.5, 0.5); context.beginPath(); context.lineJoin = 'bevel'; context.lineWidth = 25; context.moveTo(50,150); context.lineTo(100,50); context.lineTo(150, 150); context.stroke(); }