Question

我有一个有趣的任务。我需要在Kinetic JS中检测到形状边框上的咔嗒声。在这种情况下，形状是多边形，但如果它适用于任何形状，则为奖励点。

我的第一个想法是在形状的边框周围绘制线条，可能是不透明度为1，然后使用点击事件拾取点击。这有点像PT，所以我想我会把它运过去看看是否还有其他想法。

感谢您的帮助！

Answer 1

您可以将两个形状组合在一起并将它们放在一个组中。第一个形状将具有边框，第二个形状没有边框。

        var first_poly = new Kinetic.Polygon({
            points: [73, 192, 73, 160, 340, 23, 500, 109, 499, 139, 342, 93],
            fill: '#00D2FF',
            stroke: 'black',
            strokeWidth: 5
        });
        var second_poly = new Kinetic.Polygon({
            points: [73, 192, 73, 160, 340, 23, 500, 109, 499, 139, 342, 93],
            fill: '#00D2FF',
            stroke: 'black',
            strokeWidth: 0
        });

        first_poly.on("click",function(){
            alert("border clicked");
        })
        // add the shape to the layer
        layer.add(first_poly);
        layer.add(second_poly);
        stage.add(layer);

Kinetic JS - 检测点击边框的形状

1 个答案: