JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://js.mobozi.com/v1/mobozi.js"></script>
<input id="idimage" name="idimage" type="file" accept="image/*"/>
<button type="button" id="btnup" onclick="drawCanvas();">Draw Canvas</button>
<canvas id="myCanvas" width="400" height="400"></canvas>
JavaScript
mobozi.init('123456789');
function drawCanvas(){
var myFile = document.getElementById('idimage').files[0];
var canvasData = {
"canvasId": 'myCanvas',
"file": myFile,
"canvasWidth": 400,
"canvasHeight": 400
}
mobozi.image.drawImageOnCanvas(canvasData,function(response) {
console.log(response);
if (response.status == 201){
alert (response.data.message);
} else {
alert (response.error);
}
});
}