JSFiddle - React, Tailwind, and code Playground

by al3x88

HTML

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

JavaScript

const stage  = new Konva.Stage({
  container: 'container',
  width: 600,
  height: 600
});
const layer = new Konva.Layer();

const imageObj = new Image();
imageObj.onload = function() {
  var yoda = new Konva.Image({
    x: -3000,
    y: -3500,
    image: imageObj,
    width: 7441,
    height: 4979
  });

  // add the shape to the layer
  layer.add(yoda);

  // add the layer to the stage
  stage.add(layer);
};
imageObj.src = 'http://cms.web.cern.ch/sites/cms.web.cern.ch/files/styles/large/public/field/image/LHC_and_mountains-0503019-1-nice.jpg';