draw events no longer bubble. It was causing too much of a performance hit, and didn't provide a whole lot of value. Now, only layers fire draw events

This commit is contained in:
Eric Rowell
2013-08-09 20:22:51 -07:00
parent 992be5dd2e
commit 7700ecc70b
6 changed files with 58 additions and 38 deletions

View File

@@ -11,7 +11,8 @@ function stop(build, test) {
}
var tests = {
'render 20,000 circles': function(Kinetic, container, test) {
/*
'render 2,000 circles': function(Kinetic, container, test) {
start();
var stage = new Kinetic.Stage({
width: 500,
@@ -21,7 +22,7 @@ var tests = {
var layer = new Kinetic.Layer();
for (var n=0; n<20000; n++) {
for (var n=0; n<2000; n++) {
var circle = new Kinetic.Circle({
x: Math.random() * 500,
y: Math.random() * 200,
@@ -35,6 +36,36 @@ var tests = {
}
stage.add(layer);
stop(Kinetic, test);
}
*/
'render one circle 2,000 times': function(Kinetic, container, test) {
start();
var stage = new Kinetic.Stage({
width: 500,
height: 200,
container: container
});
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: Math.random() * 500,
y: Math.random() * 200,
radius: 40,
fill: 'red',
stroke: 'black',
strokeWidth: 3
});
layer.add(circle);
stage.add(layer);
for (var n=0; n<2000; n++) {
layer.draw();
}
stop(Kinetic, test);
}
};