I know how to draw lines normally in canvas js.

ctx.lineWidth = 5;
ctx.beginPath();
ctx.lineWidth = 10;
ctx.moveTo(0, 0);
ctx.lineTo(100, 5);
ctx.stroke();

However, how do I draw a line with pointed or smoothly tapering edges?

Is there a simple way or do I use arcs instead?

Expected output: