lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-06-28 02:03:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

moved ids and names hashes to the stage level

Browse Source
This commit is contained in:
Eric Rowell 2012-04-08 11:01:31 -07:00
parent 8c70333472
commit 3c17e59eb0
7 changed files with 127 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
dist/kinetic-core.js vendored
View File

@ -3,7 +3,7 @@
* http://www.kineticjs.com/
* Copyright 2012, Eric Rowell
* Licensed under the MIT or GPL Version 2 licenses.
* Date: Apr 07 2012
* Date: Apr 08 2012
*
* Copyright (C) 2011 - 2012 by Eric Rowell
*
@ -41,8 +41,7 @@ var Kinetic = {};
Kinetic.GlobalObject = {
stages: [],
idCounter: 0,
ids: {},
names: {},
tempNodes: [],
animations: [],
animIdCounter: 0,
frame: {
@ -78,12 +77,25 @@ Kinetic.GlobalObject = {
}
}
},
_pullNodes: function(stage) {
var go = Kinetic.GlobalObject;
var tempNodes = go.tempNodes;
for(var n = 0; n < tempNodes.length; n++) {
var node = tempNodes[n];
if(node.getStage() !== undefined && node.getStage()._id === stage._id) {
stage._addId(node);
stage._addName(node);
go.tempNodes.splice(n, 1);
n -= 1;
}
}
},
_runFrames: function() {
var nodes = {};
for(var n = 0; n < this.animations.length; n++) {
var anim = this.animations[n];
if(anim.node && anim.node.id !== undefined) {
nodes[anim.node.id] = anim.node;
if(anim.node && anim.node._id !== undefined) {
nodes[anim.node._id] = anim.node;
}
anim.func(this.frame);
}
@ -125,28 +137,6 @@ Kinetic.GlobalObject = {
else {
this.frame.lastTime = 0;
}
},
addId: function(node) {
var go = Kinetic.GlobalObject;
if(node.attrs.id !== undefined) {
go.ids[node.attrs.id] = node;
}
},
removeId: function(node) {
},
addName: function(node) {
var go = Kinetic.GlobalObject;
var name = node.attrs.name;
if(name !== undefined) {
if(go.names[name] === undefined) {
go.names[name] = [];
}
go.names[name].push(node);
}
},
removeName: function(node) {
}
};
@ -621,7 +611,12 @@ Kinetic.Node.prototype = {
return this;
}
else {
return this.getParent().getStage();
if(this.getParent() === undefined) {
return undefined;
}
else {
return this.getParent().getStage();
}
}
},
/**
@ -909,9 +904,15 @@ Kinetic.Container.prototype = {
this.children.push(child);
var go = Kinetic.GlobalObject;
go.addId(child);
go.addName(child);
var stage = child.getStage();
if (stage === undefined) {
var go = Kinetic.GlobalObject;
go.tempNodes.push(child);
}
else {
stage._addId(child);
stage._addName(child);
}
},
/**
* set children indices
@ -963,6 +964,8 @@ Kinetic.Stage = function(config) {
this.attrs.width = 400;
this.attrs.height = 200;
this.nodeType = 'Stage';
this.ids = {};
this.names = {};
/*
* if container is a string, assume it's an id for
@ -1006,8 +1009,8 @@ Kinetic.Stage = function(config) {
var go = Kinetic.GlobalObject;
go.stages.push(this);
go.addId(this);
go.addName(this);
this._addId(this);
this._addName(this);
};
/*
* Stage methods
@ -1054,13 +1057,12 @@ Kinetic.Stage.prototype = {
* @param {String} selector
*/
get: function(selector) {
var go = Kinetic.GlobalObject;
var hash;
if(selector.charAt(0) === '#') {
hash = go.ids;
hash = this.ids;
}
else if(selector.charAt(0) === '.') {
hash = go.names;
hash = this.names;
}
else {
return false;
@ -1262,6 +1264,10 @@ Kinetic.Stage.prototype = {
layer.canvas.height = this.attrs.height;
this._add(layer);
// populate stage node ids and names
var go = Kinetic.GlobalObject;
go._pullNodes(this);
// draw layer and append canvas to container
layer.draw();
this.content.appendChild(layer.canvas);
@ -1799,6 +1805,26 @@ Kinetic.Stage.prototype = {
this.pathLayer.canvas.height = this.attrs.height;
this.pathLayer.canvas.className = 'kineticjs-path-layer';
this.content.appendChild(this.pathLayer.canvas);
},
_addId: function(node) {
if(node.attrs.id !== undefined) {
this.ids[node.attrs.id] = node;
}
},
_removeId: function(node) {
},
_addName: function(node) {
var name = node.attrs.name;
if(name !== undefined) {
if(this.names[name] === undefined) {
this.names[name] = [];
}
this.names[name].push(node);
}
},
_removeName: function(node) {
}
};
// Extend Container and Node

6
dist/kinetic-core.min.js vendored
View File

File diff suppressed because one or more lines are too long

12
src/Container.js
View File

@ -65,9 +65,15 @@ Kinetic.Container.prototype = {
this.children.push(child);
var go = Kinetic.GlobalObject;
go.addId(child);
go.addName(child);
var stage = child.getStage();
if (stage === undefined) {
var go = Kinetic.GlobalObject;
go.tempNodes.push(child);
}
else {
stage._addId(child);
stage._addName(child);
}
},
/**
* set children indices

42
src/GlobalObject.js
View File

@ -13,8 +13,7 @@ var Kinetic = {};
Kinetic.GlobalObject = {
stages: [],
idCounter: 0,
ids: {},
names: {},
tempNodes: [],
animations: [],
animIdCounter: 0,
frame: {
@ -50,12 +49,25 @@ Kinetic.GlobalObject = {
}
}
},
_pullNodes: function(stage) {
var go = Kinetic.GlobalObject;
var tempNodes = go.tempNodes;
for(var n = 0; n < tempNodes.length; n++) {
var node = tempNodes[n];
if(node.getStage() !== undefined && node.getStage()._id === stage._id) {
stage._addId(node);
stage._addName(node);
go.tempNodes.splice(n, 1);
n -= 1;
}
}
},
_runFrames: function() {
var nodes = {};
for(var n = 0; n < this.animations.length; n++) {
var anim = this.animations[n];
if(anim.node && anim.node.id !== undefined) {
nodes[anim.node.id] = anim.node;
if(anim.node && anim.node._id !== undefined) {
nodes[anim.node._id] = anim.node;
}
anim.func(this.frame);
}
@ -97,28 +109,6 @@ Kinetic.GlobalObject = {
else {
this.frame.lastTime = 0;
}
},
addId: function(node) {
var go = Kinetic.GlobalObject;
if(node.attrs.id !== undefined) {
go.ids[node.attrs.id] = node;
}
},
removeId: function(node) {
},
addName: function(node) {
var go = Kinetic.GlobalObject;
var name = node.attrs.name;
if(name !== undefined) {
if(go.names[name] === undefined) {
go.names[name] = [];
}
go.names[name].push(node);
}
},
removeName: function(node) {
}
};

7
src/Node.js
View File

@ -462,7 +462,12 @@ Kinetic.Node.prototype = {
return this;
}
else {
return this.getParent().getStage();
if(this.getParent() === undefined) {
return undefined;
}
else {
return this.getParent().getStage();
}
}
},
/**

35
src/Stage.js
View File

@ -19,6 +19,8 @@ Kinetic.Stage = function(config) {
this.attrs.width = 400;
this.attrs.height = 200;
this.nodeType = 'Stage';
this.ids = {};
this.names = {};
/*
* if container is a string, assume it's an id for
@ -62,8 +64,8 @@ Kinetic.Stage = function(config) {
var go = Kinetic.GlobalObject;
go.stages.push(this);
go.addId(this);
go.addName(this);
this._addId(this);
this._addName(this);
};
/*
* Stage methods
@ -110,13 +112,12 @@ Kinetic.Stage.prototype = {
* @param {String} selector
*/
get: function(selector) {
var go = Kinetic.GlobalObject;
var hash;
if(selector.charAt(0) === '#') {
hash = go.ids;
hash = this.ids;
}
else if(selector.charAt(0) === '.') {
hash = go.names;
hash = this.names;
}
else {
return false;
@ -318,6 +319,10 @@ Kinetic.Stage.prototype = {
layer.canvas.height = this.attrs.height;
this._add(layer);
// populate stage node ids and names
var go = Kinetic.GlobalObject;
go._pullNodes(this);
// draw layer and append canvas to container
layer.draw();
this.content.appendChild(layer.canvas);
@ -855,6 +860,26 @@ Kinetic.Stage.prototype = {
this.pathLayer.canvas.height = this.attrs.height;
this.pathLayer.canvas.className = 'kineticjs-path-layer';
this.content.appendChild(this.pathLayer.canvas);
},
_addId: function(node) {
if(node.attrs.id !== undefined) {
this.ids[node.attrs.id] = node;
}
},
_removeId: function(node) {
},
_addName: function(node) {
var name = node.attrs.name;
if(name !== undefined) {
if(this.names[name] === undefined) {
this.names[name] = [];
}
this.names[name].push(node);
}
},
_removeName: function(node) {
}
};
// Extend Container and Node

2
tests/js/unitTests.js
View File

@ -321,7 +321,7 @@ Test.prototype.tests = {
layer.add(circle);
layer.add(rect);
stage.add(layer);
var node = stage.get('#myCircle');
var nodes = stage.get('.myRect');