jsondata

{
    "attrs": {
        "width": 251,
        "height": 432
    },
    "className": "Stage",
    "children": [{
        "attrs": {},
        "className": "Layer",
        "children": [{
            "attrs": {
                "x": 1,
                "y": 1,
                "offsetX": 100,
                "offsetY": 50
            },
            "className": "Group",
            "children": []
        }, {
            "attrs": {
                "width": 500,
                "height": 600,
                "id": "bggroup"
            },
            "className": "Image"
        }, {
            "attrs": {
                "x": 6.099999999999994,
                "y": 21,
                "text": "Grumpy wizards",
                "fontSize": "22",
                "fontFamily": "Pacifico",
                "draggable": true,
                "fill": "#000",
                "id": "text1",
                "width": "auto",
                "height": "auto",
                "fontStyle": "Bold"
            },
            "className": "Text"
        }, {
            "attrs": {
                "x": 117,
                "y": 261,
                "draggable": true,
                "id": "group1",
                "offsetX": 100,
                "offsetY": 68.5
            },
            "className": "Group",
            "children": [{
                "attrs": {
                    "width": 200,
                    "height": 137,
                    "id": "group1img"
                },
                "className": "Image"
            }, {
                "attrs": {
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "topLeft anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "x": 200,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "topRight anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "x": 200,
                    "y": 138,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "bottomRight anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "y": 138,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "bottomLeft anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }]
        }, {
            "attrs": {
                "x": 175,
                "y": 137,
                "draggable": true,
                "id": "group2",
                "offsetX": 46.5,
                "offsetY": 52
            },
            "className": "Group",
            "children": [{
                "attrs": {
                    "width": 93,
                    "height": 104,
                    "id": "group2img"
                },
                "className": "Image"
            }, {
                "attrs": {
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "topLeft anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "x": 93,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "topRight anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "x": 93,
                    "y": 104,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "bottomRight anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }, {
                "attrs": {
                    "y": 104,
                    "stroke": "#666",
                    "fill": "#ddd",
                    "radius": 8,
                    "name": "bottomLeft anchor",
                    "draggable": true,
                    "dragOnTop": false,
                    "visible": false,
                    "id": "ResizeAnchor"
                },
                "className": "Circle"
            }]
        }, {
            "attrs": {
                "x": 11.100000000000001,
                "y": 169,
                "text": "Simple Text2",
                "fontSize": 18,
                "fontFamily": "Calibri",
                "draggable": true,
                "fill": "#000",
                "id": "text2",
                "width": "auto",
                "height": "auto"
            },
            "className": "Text"
        }]
    }]
}