JSFiddle - React, Tailwind, and code Playground

by sunil puvvada

HTML

<img id="preview" src="https://www.ie.edu/exponential-learning/blog/wp-content/uploads/2018/01/MachineLearninginMarketing-1621x1000.jpg">
    <canvas id="myCanvas"/>

JavaScript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("preview");
ctx.drawImage(img, 10, 10);
alert(c.toDataURL());