JSFiddle - React, Tailwind, and code Playground

by mayuripatil185

HTML

<canvas id="can"></canvas>

JavaScript

var ctx=document.getElementById("can").getContext("2d");

ctx.canvas.width=500;
ctx.canvas.height=500;
 rightArcArrow(100,100,10,15,1);
 rightArcArrow(200,100,8,11,1);
function rightArcArrow(x, y, w, h) {
		ctx.beginPath();
		ctx.moveTo(x, y);
		ctx.lineTo(x - w, y);
		ctx.lineTo(x - w-12 , y +h);
		ctx.lineTo(x-w, y + h+h);
        ctx.lineTo(x,y+h+h);
     ctx.lineTo(x-12,y+h);
		ctx.fill();
	}