lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-12-04 19:08:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

re-integrated simple serialization and deserialization with new attrs structure

Browse Source
This commit is contained in:
Eric Rowell
2012-04-07 14:39:31 -07:00
parent ff896a4946
commit 58eb778e9a
10 changed files with 82 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/Stage.js
View File

@@ -18,6 +18,7 @@ Kinetic.Stage = function(config) {
}
this.attrs.width = 400;
this.attrs.height = 200;
this.nodeType = 'Stage';
/*
* if container is a string, assume it's an id for
@@ -30,8 +31,7 @@ Kinetic.Stage = function(config) {
// call super constructors
Kinetic.Container.apply(this, []);
Kinetic.Node.apply(this, [config]);
this.nodeType = 'Stage';
this.container = config.container;
this.content = document.createElement('div');
this.dblClickWindow = 400;
@@ -190,14 +190,9 @@ Kinetic.Stage.prototype = {
function addNode(node) {
var obj = {};
obj.attrs = {};
// copy attrs
for(var key in node) {
if(node.hasOwnProperty(key) && go.arrayHas(node.jsonProps, key)) {
obj.attrs[key.replace('_', '')] = node[key];
}
}
obj.attrs = node.attrs;
obj.nodeType = node.nodeType;
obj.shapeType = node.shapeType;
if(node.nodeType !== 'Shape') {
obj.children = [];
@@ -220,7 +215,7 @@ Kinetic.Stage.prototype = {
function loadNode(node, obj) {
// if custom shape then set draw function
if(obj.nodeType === 'Shape' && obj.shapeType === undefined) {
node.drawFunc = drawFuncs[obj.attrs.drawFuncName];
node.drawFunc = drawFuncs[obj.drawFuncName];
}
var children = obj.children;
@@ -230,18 +225,18 @@ Kinetic.Stage.prototype = {
var type;
// determine type
if(child.attrs.nodeType === 'Shape') {
if(child.nodeType === 'Shape') {
// add custom shape
if(child.attrs.shapeType === undefined) {
if(child.shapeType === undefined) {
type = 'Shape';
}
// add standard shape
else {
type = child.attrs.shapeType;
type = child.shapeType;
}
}
else {
type = child.attrs.nodeType;
type = child.nodeType;
}
var no = new Kinetic[type](child.attrs);
@@ -253,9 +248,7 @@ Kinetic.Stage.prototype = {
var obj = JSON.parse(json);
// copy over stage properties
for(var key in obj.attrs) {
this[key] = obj.attrs[key];
}
this.attrs = obj.attrs;
loadNode(this, obj);
this.draw();