JSFiddle - React, Tailwind, and code Playground

by vijayweb

HTML

<script src="http://www.nihilogic.dk/labs/canvas2image/canvas2image.js"></script>
<script src="http://www.nihilogic.dk/labs/canvas2image/base64.js"></script>
<canvas id="collage"></canvas>

JavaScript

micanvas = document.getElementById('collage');

ctx = micanvas.getContext('2d');


ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);



var image = Canvas2Image.saveAsPNG(micanvas,true);  // will prompt the user to save the image as PNG.


image.id = "collage";
canvas.parentNode.replaceChild(image, micanvas);

var data = $('#collage').attr('src');