JSFiddle - React, Tailwind, and code Playground

by shiro Kodama

HTML

<canvas id="canvas"><canvas>

JavaScript

function draw(){
    var canvas = document.getElementById("canvas");
	var ctx = canvas.getContext("2d");
    canvas.width = 320;
    canvas.height = 320;
    
    ctx.strokeStyle = "rgba(255, 0, 0, 0.1)";
    ctx.lineWidth = 15;
    ctx.beginPath();
    //始点
    ctx.moveTo(60, 0);
    //終点
    ctx.lineTo(60, 100);
    ctx.lineTo(200, 100);
    ctx.closePath();
    ctx.stroke();
}

window.onlad = draw();