JSFiddle - React, Tailwind, and code Playground

by Deka

HTML

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

CSS

html{
    background:lightgray;
}
#canvas{
    display:inline-block;
    background:#fff;
}

JavaScript

var stage = new Kinetic.Stage({
    container:"canvas",
    width:500,
    height:400
});

var layer = new Kinetic.Layer();

var rect = new Kinetic.Rect({
    fill:"#ff0000",
    x:50,
    y:50,
    width:200,
    height:200,
    draggable:true,
    shadowColor:"#000" //if all shadow properties removed, works fine
});
layer.add(rect);

stage.add(layer);

//error here
console.log(rect.intersects({x:52,y:52}));