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();