JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas" width="450" height="450"></canvas>

JavaScript

var canvas = document.getElementById("myCanvas"), 
                context = canvas.getContext("2d");
                 
            var img = new Image();
            img.src = "https://i08.fotocdn.net/s16/216/gallery_m/107/38300375.jpg";
            img.onload = function() {
            var pattern = context.createPattern(img, "repeat");
            context.fillStyle = pattern;
            context.arc(225, 225, 225, 0, 2 * Math.PI, false);
            context.fillStyle = pattern;
            context.fill();
            };