Kineticjs load json canvas-Collection of common programming errors

‘polygon1‘ It’s just one name … a change!!!! I take your code and place to run and continue with the same error! when i print the json I noticed that it has an error!

he puts this "children": "[]" and should not have quotes in brackets if I copy and put my string this fixed string corrected wheel normal!! I made a method to remove the error …. Now I’m with an error

SyntaxError: JSON.parse: expected property name or '}'


var json = polygonLayer.toJSON();
json = json.replace('"children":"', '"children":');
json = json.substring(0, json.length-2) + json.substring(json.length-1, json.length);

whereas using the same fixed string works!

I’m using version 4.3.3

this work

var json = '{"attrs":{"clearBeforeDraw":true,"visible":true,"listening":true,"opacity":1,"x":0,"y":0,"scale":{"x":1,"y":1},"rotation":0,"offset":{"x":0,"y":0},"draggable":false,"dragOnTop":true},"nodeType":"Layer","children":[{\"attrs\": {\"width\": 600, \"height\": 400, \"cornerRadius\": 0, \"fillEnabled\": true, \"strokeEnabled\": true, \"shadowEnabled\": true, \"dashArrayEnabled\": true, \"fillPriority\": \"color\", \"visible\": true, \"listening\": true, \"opacity\": 1, \"x\": 0, \"y\": 0, \"scale\": {\"x\": 1, \"y\": 1}, \"rotation\": 0, \"offset\": {\"x\": 0, \"y\": 0}, \"draggable\": false, \"dragOnTop\": true, \"fill\": \"white\"}, \"nodeType\": \"Shape\", \"shapeType\": \"Rect\"}]}';
layer = Kinetic.Node.create(json, 'canvas');

but this dont work

var json = layer.toJSON();
layer = Kinetic.Node.create(json, 'canvas');