JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jcanvas/21.0.0/min/jcanvas.min.js"></script>

JavaScript

var nrimg = 4;
var maxnr = 500;
function makeRandomImages() {
    for (var i = 0; i < nrimg; i++) {
        var canvas = $("<canvas></canvas>");
        canvas.attr({width: "100", height: "50"});
        $("body").append(canvas);
        var rndnr = Math.floor(Math.random() * maxnr);
        canvas.drawText({
            fillStyle: '#9cf',
            strokeStyle: '#25a',
            strokeWidth: 2,
            x: 50, y: 25,
            fontSize: 48,
            fontFamily: 'Verdana, sans-serif',
            text: rndnr
          });
    }
}
makeRandomImages();