<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #F0F0F0;
}
</style>
</head>
<body>
<div id="container"></div>
<script src="../dist/konva-dev.js"></script>
<script>
// Code goes here
var width = window.innerWidth;
var height = window.innerHeight;
var stage = new Konva.Stage({
container: 'container',
width: width,
height: height
});
var layer = new Konva.Layer();
layer.add(new Konva.Rect({
width: 100,
height: 100,
fill: 'red'
}))
stage.add(layer);
// stage.getContent().addEventListener('contextmenu', function(e) {
//
// console.log('menu');
// e.preventDefault();
// return false;
// });
stage.on('contentContextmenu', function(e) {
console.log(e.evt.preventDefault());
console.log('context click');
});
</script>
</body>
</html>