kineticjs - KineticJS 仅在 mousedown 时影响鼠标悬停的元素

Question

此函数在画布上构建 NxN 网格并返回图层以供使用。在鼠标悬停时，它会更改单元格的颜色。但我需要的是只在鼠标按下时运行鼠标悬停，就像刷子一样。我该怎么做？

function buildGrid(config){
    var layer = new Kinetic.Layer(),i, j;
    for(i=0;i<config.y;i++){
        for(j=0;j<config.x;j++){
            (function(i,j){
                var cell = new Kinetic.Rect({
                    x: j * config.width,
                    y: i * config.height,
                    width: config.width,
                    height: config.height,
                    fill: "#00D2FF",
                    stroke: "black",
                    strokeWidth: 1
                })
                cell.on('mouseover',function(){
                    this.setFill('#F00');
                    layer.draw();
                });
                layer.add(cell)
            }(i,j));
        }
    }    
    return layer;
}

Answer 1

你试过“dragmove”而不是“mouseover”吗？

---

让 mousedown 设置一个由 mouseover 代码检查的变量怎么样？

Answer 2

对于触摸屏元素，您必须使用它。这将适用于 pc 和移动设备、ipad 和任何平板电脑浏览器。

replay.on("touchstart mousedown", function()