Trying to save javascript array of SVG objects to SQL

Question

I'm creating a whiteboard application using SVG in HTML5, and javascript to manipulate the svg element using Javascript array of SVG elements to keep track of my shapes on the whiteboard.

Now I'm trying to save everything on the whiteboard, thus every SVG object in the javascript shapes array to SQL using ASP.NET MVC 3 as my server side.

I want to solve this by serializing the whole javascript array and save it as a string to SQL, then deserialize it when loading a drawing and add it to the current shapes array.

Now I'we been trying to use JSON.stringify to achive this, but with no luck, and results in this error

Uncaught TypeError: Converting circular structure to JSON

Here is the script code

$("#save").click(function () {
    var request = $.ajax({
        url: "/Drawing/SaveDrawing",
        type: "POST",
        data: { s: JSON.stringify(shapes) },
        dataType: "json"
    });
});

All ideas are welcome, just hope my question is somewhat clear

The error means that your structure is not an acyclic graph. — Pointy, Jan 29 '12 at 14:53

score 4 · Accepted Answer · answered Jan 29 '12 at 15:23

4

To serialize the SVG, don't use JSON; instead use XML:

var xml = (new XMLSerializer).serializeToString(mySVGElement);

answered Jan 29 '12 at 15:23

Phrogz

296,393
112
651
745

Thanks for the reply, this was the solution that I needed. – oskarom Jan 29 '12 at 21:22

score 0 · Answer 2 · edited May 23 '17 at 12:06

0

It's several years old so I'm adding this just as an FYI but there was a non STD implementation to serialize What is the best way to serialize SVG from the client DOM?

They may be standardized now (the XML serializers)

edited May 23 '17 at 12:06

Community

1
1

answered Jan 29 '12 at 15:26

Adam Tuliper

29,982
4
53
71

According to http://msdn.microsoft.com/en-us/library/ie/ff975252(v=vs.85).aspx there's still no standard on this but major browsers support it – Adam Tuliper Jan 29 '12 at 17:31
Thanks for the link it was useful – oskarom Jan 29 '12 at 21:22

Trying to save javascript array of SVG objects to SQL

2 Answers2