KineticJS
KineticJS copied to clipboard
OBJ on "mouseover click" fails if x pos greater than 1000
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/