JSFiddle - React, Tailwind, and code Playground

by mescalito2345

HTML

<script src="https://rawgit.com/alexmic/filtrr/master/filtrr2/dist/filtrr2-0.6.3.min.js"></script>
Original image color Orange with grayscale
<br><img...

JavaScript

// Change monochrome images using canvas HTML5
// using library http://filtrr.me/
// https://rawgit.com/alexmic/filtrr/master/filtrr2/dist/filtrr2-0.6.3.min.js

Filtrr2("#myImageID", function () {
    // Create a duplicate of the image
    var dup = this.dup();
    dup.fill(0, 190, 55); // change image to green
    this.contrast(100)
    .saturate(-100) // bw
    .layer("overlay", dup) // use this layer
    .render();
});