JSFiddle - React, Tailwind, and code Playground

by Deka

HTML

<script src="//cdn.jsdelivr.net/kineticjs/5.1.0/kinetic.js"></script>
<div id="mydiv"></div>

JavaScript

$(document).ready(function () {
    var d = $("#mydiv");
    var stage = new Kinetic.Stage({ container: d[0], height: 500, width: 500 }),
        layer = new Kinetic.Layer(),
        square = new Kinetic.Rect({ x: 20, y: 20, height: 50, width: 50, fill: "red", draggable: true });

    square.on("click", function () { 
        var container_layer = this.getParent();
        console.log(layer);
        console.log(container_layer);
        console.log(this.getLayer());
        square.remove(); 
        console.log(stage);
        console.log(container_layer.getParent());
        container_layer.draw();
    });
    stage.add(layer);
    layer.add(square);
    stage.draw();


});