JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <canvas width="300px" height="300px"></canvas>
</div>

CSS

#box {
    width: 150px;
    height: 150px;
    background-color: blue;
    border-radius: 50px;
    overflow: hidden;
transform: translate3d(0,0,0);
}

JavaScript

var $canvas = $("canvas");

if ($canvas[0].getContext) {
    var context = $canvas[0].getContext('2d');
    context.fillStyle = 'red';
    context.fillRect(10, 10, 300, 60);
}