我想在Konva中定义一个自定义形状,我尝试了下面的代码绘制一个矩形,我想记录点击它,但点击检测不起作用。为什么?Konva形状点击不起作用
我不知道我错了
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/konvajs/konva/1.6.5/konva.min.js"></script>
<meta charset="utf-8">
<title>Konva Custom Shape Demo</title>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: #F0F0F0;
}
</style>
</head>
<body>
<div id="container"></div>
<script>
var stage = new Konva.Stage({
container: 'container',
width: 300,
height: 300
});
var layer = new Konva.Layer();
var rect = new Konva.Shape({
sceneFunc: function(ctx) {
ctx.beginPath();
ctx.lineWidth = 2;
ctx.fillStyle = "white";
ctx.strokeStyle = "black";
ctx.rect(10, 10, 100, 100);
ctx.fill();
ctx.stroke();
ctx.closePath();
}});
rect.on("click", function() {
console.log("click");
});
layer.add(rect);
stage.add(layer);
</script>
</body>
</html>
我觉得我读,有一个版本1.6.7 - 我相信已经有一些在这个旋转的自定义形状的事件检测的改进,也许这延伸到非也旋转。 –