lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2026-01-09 11:34:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improved batch draw logic. Each layer isntance now has access to its own batch draw animation

Browse Source
This commit is contained in:
Eric Rowell
2013-07-05 20:42:02 -07:00
parent c79f286893
commit 1cbc3dd31c
2 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/Animation.js
View File

@@ -1,4 +1,6 @@
(function() {
var BATCH_DRAW_STOP_TIME_DIFF = 500;
/**
* Animation constructor. A stage is used to contain multiple layers and handle
* @constructor
@@ -235,24 +237,27 @@
moveTo.call(this, container);
};
Kinetic.Layer.batchAnim = new Kinetic.Animation(function() {
if (this.getLayers().length === 0) {
this.stop();
}
this.setLayers([]);
});
/**
* get batch draw
* @method
* @memberof Kinetic.Layer.prototype
*/
Kinetic.Layer.prototype.batchDraw = function() {
var batchAnim = Kinetic.Layer.batchAnim;
batchAnim.addLayer(this);
var that = this;
if (!batchAnim.isRunning()) {
batchAnim.start();
}
if (!this.batchAnim) {
this.batchAnim = new Kinetic.Animation(function() {
if (that.lastBatchDrawTime && new Date().getTime() - that.lastBatchDrawTime > BATCH_DRAW_STOP_TIME_DIFF) {
that.batchAnim.stop();
}
}, this);
}
this.lastBatchDrawTime = new Date().getTime();
if (!this.batchAnim.isRunning()) {
this.draw();
this.batchAnim.start();
}
};
})();