mirror of
https://github.com/konvajs/konva.git
synced 2025-04-30 09:41:47 +08:00
53 lines
1.0 KiB
JavaScript
53 lines
1.0 KiB
JavaScript
var startTime;
|
|
|
|
function start() {
|
|
startTime = new Date().getTime();
|
|
}
|
|
|
|
function stop(build, test) {
|
|
var t = new Date().getTime();
|
|
var diff = t - startTime;
|
|
console.log('[' + build.version + '] ' + test + ': ' + diff);
|
|
}
|
|
|
|
var tests = {
|
|
'render 20,000 circles': function(Kinetic, container, test) {
|
|
start();
|
|
var stage = new Kinetic.Stage({
|
|
width: 500,
|
|
height: 200,
|
|
container: container
|
|
});
|
|
|
|
var layer = new Kinetic.Layer();
|
|
|
|
for (var n=0; n<20000; n++) {
|
|
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);
|
|
stop(Kinetic, test);
|
|
}
|
|
};
|
|
|
|
var body = document.getElementsByTagName('body')[0];
|
|
function run(Kinetic) {
|
|
body.innerHTML = '';
|
|
for (var k in tests) {
|
|
var div = document.createElement('div');
|
|
body.appendChild(div);
|
|
tests[k](Kinetic, div, k);
|
|
}
|
|
Kinetic = null;
|
|
}
|
|
|