JSFiddle - React, Tailwind, and code Playground

by yojona

HTML

<div>mamadas</div>

CSS

canvas {
    border: 1px solid #ccc;
    margin: 10px 0;
}
button {
    display: block;
}

@media print {
    canvas { border: 0; }
    button { display: none; }
}

JavaScript

var print = document.createElement('button');
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

canvas.width = 300;
canvas.height = 100;

ctx.fillStyle = '#000';
ctx.font = '15px sans-serif';
ctx.fillText('Fill Text, 18px, sans-serif', 10, 20);

print.innerHTML = 'Print';

document.body.appendChild(print);
document.body.appendChild(canvas);

print.addEventListener('click', function () {
    window.print();
});