lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-18 17:21:36 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

new toImage() method to support node caching

Browse Source
This commit is contained in:
Eric Rowell
2012-07-14 23:41:16 -07:00
parent 2629c1237c
commit 6dc7c685f0
5 changed files with 128 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
tests/js/performanceTests.js
View File

@@ -70,5 +70,74 @@ Test.prototype.tests = {
context.drawImage(imageObj, 7, 7, 106, 106, 10, 10, 106, 106);
}
endTimer('draw 10,000 images with image object from data url');
},
'*ANIMATION - draw 1,000 stars': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
startTimer();
for(var n = 0; n < 1000; n++) {
var star = new Kinetic.Star({
innerRadius: 20,
outerRadius: 50,
fill: 'yellow',
stroke: 'black',
strokeWidth: 5,
numPoints: 5,
x: Math.random() * stage.getWidth(),
y: Math.random() * stage.getHeight()
});
layer.add(star);
}
stage.add(layer);
endTimer('draw 1,000 stars');
},
'*ANIMATION - draw 1,000 cached stars': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
startTimer();
var star = new Kinetic.Star({
innerRadius: 20,
outerRadius: 50,
fill: 'yellow',
stroke: 'black',
strokeWidth: 5,
numPoints: 5,
x: 70,
y: 70
});
layer.add(star);
stage.add(layer);
var img = star.toImage();
for(var n = 0; n < 1000; n++) {
var image = new Kinetic.Image({
image: img,
x: Math.random() * stage.getWidth(),
y: Math.random() * stage.getHeight(),
offset: 70
});
layer.add(image);
}
layer.draw();
endTimer('draw 1,000 stars');
}
};