Sé cómo dibujar líneas normalmente en canvas js.

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

Sin embargo, ¿cómo dibujo una línea con bordes puntiagudos o que se estrechan suavemente?

¿Hay una manera simple o uso arcos en su lugar?

Rendimiento esperado: