JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas"></canvas>
<a id="green" href="#">change to Green</a>

<a id="transparent" href="#">change to Transparent</a>

JavaScript

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

$('#green').click(function () {
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.fillStyle = "rgba(0,255,0,0.1)";
    context.fillRect(0, 0, 100, 100);
});

$('#transparent').click(function () {
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.fillStyle = "rgba(255, 255, 255, 0.1)";
    context.fillRect(0, 0, 100, 100);
});