KineticJS icon indicating copy to clipboard operation
KineticJS copied to clipboard

OBJ on "mouseover click" fails if x pos greater than 1000

Open rauls opened this issue 11 years ago • 0 comments

I do not know if its Chrome or something else, but if any of my objects, circles or images are located at x > 1000, I do not get any events for them, only if I move them < 1000, I can still see them at all coordinates past 1024 up to 1920. My div region is 1920 in side, latest Chrome, win8. I use 1 layer inside a stage as per examples. Here is a code sample. Nothing past circle 950 is evented.

function test_k()
{
    var y =120;
    for( var x = 0; x < 1920; x+=50)
    {
        var circle = new Kinetic.Circle({
            x: x,
            y: y,
            radius: 10,
            opacity: .7,
            listening: true,
            fill: 'red'
        });
        circle.on('touchstart mouseover', function(e){      //e.target
            console.log("MOUSE OVER x="+e.target.attrs.x);
        });
        layer.add(circle);
    }
    layer.draw();
}

If I right click and inspect the page, it then suddenly works. So is this a webkit bug or KJS bug?

Btw, your main page http://kineticjs.com/ link from Toutorials as a 404 page error at http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/

rauls avatar Jun 22 '14 23:06 rauls