JSFiddle - React, Tailwind, and code Playground

by Ronny

CSS

canvas {border: 1px solid black; margin: 10px auto;}

JavaScript

var fontSize = 20;

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
ctx.font = fontSize + "px bold sans-serif;";
ctx.textBaseline = "top";
ctx.textAlign = "center";
ctx.fillText(document.title || document.location.href, canvas.width / 2, canvas.height / 2 - fontSize / 2);

var uri = canvas.toDataURL();

var img = document.createElement('img');
img.src = uri;
document.body.appendChild(img);