如果属性等于（Kinetic.js）

Question

我对Kinetic.js很新，我无法找到问题的解决方案。我在这里创建了一个新的kinetic.line：

var shape = new Kinetic.Line({
color: area.colour
});

我想在if循环中使用color属性：

stage.on('mouse down', function(evt) {
var shape = evt.targetNode;
if (shape.color == 'red') {
    window.location.href = 'http://www.google.com';
}
});

这不起作用，我需要做什么？

Answer 1

没有颜色属性。请改用“填充”。 然后使用'mousedown'事件而不是'鼠标按下'。

var shape = new Kinetic.Line({
fill: area.colour
});

stage.on('mousedown', function(evt) {
var shape = evt.targetNode;
    if (shape.getFill() === 'Red') {
        window.location.href = 'http://www.google.com';
    }
});

查看文档http://kineticjs.com/docs/Kinetic.Line.html。