JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<canvas></canvas>
<a href="" target="_blank">Click</a>

JavaScript

var link = document.links[0];
var canvas = document.getElementsByTagName('canvas')[0];
var cx = canvas.getContext('2d');
cx.canvas.width = '400';
cx.canvas.height = '200';
cx.fillStyle = "tomato";
cx.fillRect(0,0,400,200);


var dataURL = cx.canvas.toDataURL();
var pixel = cx.getImageData(0, 0, 1, 1);
link.href = dataURL;
console.log(pixel);