canvas.toDatalessJSON doesn't work with canvas.loadFromDatalessJSON when SVG sourcePath is set.

[smansker]

Version

2.0.0-rc.3

Test Case

https://jsfiddle.net/smansker/j81Lrg5c/

Steps to reproduce

I am unable to use the datalessJSON serialize/deserialize methods with SVGs. Basically, it doesn't work if I include the sourcePath property, as per the tutorials.

First, I load an SVG into the canvas like so:

fabric.loadSVGFromURL(svgSrc, (objects, options) => {
  var group = fabric.util.groupSVGElements(objects, options, svgSrc);
  
  group.set({
    selectable: true,
    originX: 'center',
    originY: 'center',
    left: 250,
    top: 250,
    scaleX: 0.5,
    scaleY: 0.5
  });
  
  canvas.add(group);
  canvas.renderAll();
});

Now, if I call JSON.stringify(canvas.toDatalessJSON()) the json that it outputs has the objects property set to the string that I passed in for the sourcePath property.

If you pass the json into the canvas.loadFromDatalessJSON(jsonStr, canvas.renderAll.bind(canvas)), it throws an error: "objects.forEach is not a function."

Expected Behavior

The serialized canvas data should be able to be deserialized back into the canvas, using toDatalessJSON and loadFromDatalessJSON, when my canvas contains SVG graphics.

Actual Behavior

It fails to load the serialized data into the canvas and generates an error.

[smansker]

The original title of this bug was misleading. Hopefully it makes more sense now.

[asturur]

@smansker sorry for not replying.
does your issue look similar to #4598 ?

[smansker]

Yes, they appear to be the same issue.

[zealotrahl]

Facing same issue, as i see in jsoned object, attribute name is seemed to be changed, "objects":"/cliparts/svg/file.svg" now, and in your tutroial it was "path":"/assets/dragon.svg"

[asturur]

duplicate of #4598