JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="arrow"></canvas>

CSS

canvas{
    border:1px solid black;
    width:500px;
    height:500px;
}

JavaScript

var canvas  = document.getElementById("arrow");
var context = canvas.getContext("2d");

canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;

context.beginPath();
context.moveTo(0,0);
context.lineTo(300, 150);
context.stroke();