123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- 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;
|