JSFiddle - React, Tailwind, and code Playground

by al3x88

HTML

<script src="https://unpkg.com/[email protected]/konva.js"></script>
<div id="container"></div>

JavaScript

var stage = new Konva.Stage({
  container: 'container',   // id of container <div>
  width: 400,
  height: 400,
  fill: 'red'
});
var layer = new Konva.Layer();
stage.add(layer);
Konva.Image.fromURL('https://agslab-content.s3-accelerate.amazonaws.com/omd/Video/9999805.jpg', function(image){
  // image is Konva.Image instance
  console.log(image);
  image.toImage({
    callback: function(img) {
    	const kimg = new Konva.Image({image: img});
      layer.add(kimg);
  		layer.draw();
    },
    width: 350,
    height: 350
  });
});