JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<canvas id="c" width="500" height="100"></canvas>
</body>JavaScript
var ctx = document.getElementById("c").getContext("2d");
ctx.lineWidth = 40;
ctx.lineCap = 'round';
ctx.setLineDash([150, 25]);
ctx.globalAlpha = 0.3;
ctx.beginPath();
ctx.moveTo(50, 50)
ctx.lineTo(450, 50);
ctx.stroke();