FabricJS - Error when loading Canvas from JSON

Question

I'm using a custom object extended from fabric.Image in my canvas, as suggested in this answer. When I retrieve the json string from the server, I get odd errors when attempting to load it to the canvas:

var canvas = new fabric.Canvsd();

function loadCanvas(resp) {
  // response object contains a data field
  // that's essentialy a JSON string
  var json = JSON.parse(resp.data);
  canvas.loadFromDatalessJSON(json);
}

I get an odd printout to the console: Cannot call method 'setupState' of undefined (fabric.min.js: 1118). I tried replacing the call with canvas.loadFromJSON(json), and instead got a vague SyntaxError: Unexpected token o error. When I used a regular fabric.Image before the change suggested in the linked thread, this code worked fine. I fear this might be something I'm missing when I extended favric's Image class with aditional data. Thoughts?

sa125 · Accepted Answer · 2012-07-02 18:14:48Z

2

After some search I saw a similar thread in the fabricjs google group. Turned out I messing up 3 things:

I was missing a fromObject() callback definition in a different location for another custom object I made (I had a couple).
I was using loadFromDatalessJSON() when I should have been using simply loadFromJSON().
I was parsing the json string into an actual JSON using JSON.parse(json) before passing it into the loadFromJSON() function, which expected a json string and handled the parsing internally.

Derp.

answered Jul 2, 2012 at 18:14

sa125

29.2k38 gold badges114 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

FabricJS - Error when loading Canvas from JSON

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related