JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <canvas id="canvas"></canvas>
</body>

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var w = canvas.width = 256;
var h = canvas.height = 256;
var img = new Image();

img.src = "http://i1.sndcdn.com/avatars-000070344618-tv261u-large.jpg?30a2558";
img.onload = function () {
    var pattern = ctx.createPattern(img, "repeat");
    ctx.fillStyle = pattern;
    ctx.fillRect(0, 0, w, h);
};