147 lines
4.1 KiB
JavaScript
147 lines
4.1 KiB
JavaScript
|
var _util = require("../core/util");
|
||
|
|
||
|
var inherits = _util.inherits;
|
||
|
|
||
|
var Displayble = require("./Displayable");
|
||
|
|
||
|
var BoundingRect = require("../core/BoundingRect");
|
||
|
|
||
|
/**
|
||
|
* Displayable for incremental rendering. It will be rendered in a separate layer
|
||
|
* IncrementalDisplay have two main methods. `clearDisplayables` and `addDisplayables`
|
||
|
* addDisplayables will render the added displayables incremetally.
|
||
|
*
|
||
|
* It use a not clearFlag to tell the painter don't clear the layer if it's the first element.
|
||
|
*/
|
||
|
// TODO Style override ?
|
||
|
function IncrementalDisplayble(opts) {
|
||
|
Displayble.call(this, opts);
|
||
|
this._displayables = [];
|
||
|
this._temporaryDisplayables = [];
|
||
|
this._cursor = 0;
|
||
|
this.notClear = true;
|
||
|
}
|
||
|
|
||
|
IncrementalDisplayble.prototype.incremental = true;
|
||
|
|
||
|
IncrementalDisplayble.prototype.clearDisplaybles = function () {
|
||
|
this._displayables = [];
|
||
|
this._temporaryDisplayables = [];
|
||
|
this._cursor = 0;
|
||
|
this.dirty();
|
||
|
this.notClear = false;
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.addDisplayable = function (displayable, notPersistent) {
|
||
|
if (notPersistent) {
|
||
|
this._temporaryDisplayables.push(displayable);
|
||
|
} else {
|
||
|
this._displayables.push(displayable);
|
||
|
}
|
||
|
|
||
|
this.dirty();
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.addDisplayables = function (displayables, notPersistent) {
|
||
|
notPersistent = notPersistent || false;
|
||
|
|
||
|
for (var i = 0; i < displayables.length; i++) {
|
||
|
this.addDisplayable(displayables[i], notPersistent);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.eachPendingDisplayable = function (cb) {
|
||
|
for (var i = this._cursor; i < this._displayables.length; i++) {
|
||
|
cb && cb(this._displayables[i]);
|
||
|
}
|
||
|
|
||
|
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
|
||
|
cb && cb(this._temporaryDisplayables[i]);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.update = function () {
|
||
|
this.updateTransform();
|
||
|
|
||
|
for (var i = this._cursor; i < this._displayables.length; i++) {
|
||
|
var displayable = this._displayables[i]; // PENDING
|
||
|
|
||
|
displayable.parent = this;
|
||
|
displayable.update();
|
||
|
displayable.parent = null;
|
||
|
}
|
||
|
|
||
|
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
|
||
|
var displayable = this._temporaryDisplayables[i]; // PENDING
|
||
|
|
||
|
displayable.parent = this;
|
||
|
displayable.update();
|
||
|
displayable.parent = null;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.brush = function (ctx, prevEl) {
|
||
|
// Render persistant displayables.
|
||
|
for (var i = this._cursor; i < this._displayables.length; i++) {
|
||
|
var displayable = this._displayables[i];
|
||
|
displayable.beforeBrush && displayable.beforeBrush(ctx);
|
||
|
displayable.brush(ctx, i === this._cursor ? null : this._displayables[i - 1]);
|
||
|
displayable.afterBrush && displayable.afterBrush(ctx);
|
||
|
}
|
||
|
|
||
|
this._cursor = i; // Render temporary displayables.
|
||
|
|
||
|
for (var i = 0; i < this._temporaryDisplayables.length; i++) {
|
||
|
var displayable = this._temporaryDisplayables[i];
|
||
|
displayable.beforeBrush && displayable.beforeBrush(ctx);
|
||
|
displayable.brush(ctx, i === 0 ? null : this._temporaryDisplayables[i - 1]);
|
||
|
displayable.afterBrush && displayable.afterBrush(ctx);
|
||
|
}
|
||
|
|
||
|
this._temporaryDisplayables = [];
|
||
|
this.notClear = true;
|
||
|
};
|
||
|
|
||
|
var m = [];
|
||
|
|
||
|
IncrementalDisplayble.prototype.getBoundingRect = function () {
|
||
|
if (!this._rect) {
|
||
|
var rect = new BoundingRect(Infinity, Infinity, -Infinity, -Infinity);
|
||
|
|
||
|
for (var i = 0; i < this._displayables.length; i++) {
|
||
|
var displayable = this._displayables[i];
|
||
|
var childRect = displayable.getBoundingRect().clone();
|
||
|
|
||
|
if (displayable.needLocalTransform()) {
|
||
|
childRect.applyTransform(displayable.getLocalTransform(m));
|
||
|
}
|
||
|
|
||
|
rect.union(childRect);
|
||
|
}
|
||
|
|
||
|
this._rect = rect;
|
||
|
}
|
||
|
|
||
|
return this._rect;
|
||
|
};
|
||
|
|
||
|
IncrementalDisplayble.prototype.contain = function (x, y) {
|
||
|
var localPos = this.transformCoordToLocal(x, y);
|
||
|
var rect = this.getBoundingRect();
|
||
|
|
||
|
if (rect.contain(localPos[0], localPos[1])) {
|
||
|
for (var i = 0; i < this._displayables.length; i++) {
|
||
|
var displayable = this._displayables[i];
|
||
|
|
||
|
if (displayable.contain(x, y)) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
};
|
||
|
|
||
|
inherits(IncrementalDisplayble, Displayble);
|
||
|
var _default = IncrementalDisplayble;
|
||
|
module.exports = _default;
|