JSFiddle - React, Tailwind, and code Playground
by Ed Bulikyan
HTML
<canvas id='canvas' width='500px' height='500px'></canvas>
JavaScript
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.setLineDash([5, 3]);/*dashes are 5px and spaces are 3px*/
ctx.beginPath();
ctx.moveTo(0,100);
ctx.lineTo(400, 100);
ctx.stroke();