lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-19 10:47:59 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

added batchDraw which enables you to call batchDraw() as many times as you want, and let Kinetic automatically combine layer draws together asynchronously

Browse Source
This commit is contained in:
Eric Rowell
2013-05-05 22:09:32 -07:00
parent e66e147274
commit 11f269868f
3 changed files with 94 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
tests/js/unit/animationTests.js
View File

@@ -4,7 +4,7 @@ Test.Modules.ANIMATION = {
* animation because it's accessing the global animation object which could
* be modified by other unit tests
*/
'ANIMATION - test start and stop': function(containerId) {
'test start and stop': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
@@ -53,5 +53,49 @@ Test.Modules.ANIMATION = {
anim.stop();
test(a.animations.length === 0, 'should be no animations running');
},
'batch draw': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
y: 100,
width: 100,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(rect);
stage.add(layer);
draws = 0;
layer.on('draw', function() {
console.log('draw')
draws++;
});
layer.draw();
layer.draw();
layer.draw();
test(draws === 3, 'draw count should be 3');
layer.batchDraw();
layer.batchDraw();
layer.batchDraw();
test(Kinetic.Layer.batchAnim.getLayers().length === 1, 'batch animation should only have one layer');
// since batch draw is async, we need to test the draw count with a timeout
setTimeout(function() {
test(draws === 4, 'draw count should be 4');
}, 200);
}
};