JSFiddle - React, Tailwind, and code Playground

JavaScript

var w = 50;
var h = 50;

var cv = $("<canvas>").attr({
    width: w,
    height: h
}).appendTo("body").get(0);

var ctx = cv.getContext("2d");

var logPixel = function(msg) {
    console.log(msg, ctx.getImageData(0, 0, w, h).data[1234]);
};

$("<img>").on("load", function() {
    ctx.drawImage(this, 0, 0);
    logPixel("before:");

    $("<img>").on("load", function() {
        ctx.drawImage(this, 0, 0);
        logPixel("after:");
    }).attr("src", cv.toDataURL("image/webp", 1));
}).attr("src", url());


function url() {
    return...