html5 canvas - Fabric.js doesn't maintain group when exporting/importing JSON -


so have issue fabric.js that's once again down own ignorance.

imagine using free draw scribble line paths on canvas. when finished, disable free draw , @ point want take objects drawn , group them in single entity.

i've created fiddle here shows grouping stage.

var grp=new fabric.group();  canvas.getobjects().map(function(o){     if(o.type=="path"){         o.hascontrols=o.hasborders=false;         grp.addwithupdate(o);         //canvas.clear(); // seems break grouping     } }); canvas.add(grp); canvas._activeobject = null; canvas.setactivegroup(grp.setcoords()).renderall(); 

this appears work enough (even if paths appear darken once group has been created).

i want export json, save @ db, , in future reload , replicate whole layout.

in fiddle above reproduce sort of behaviour first saving canvas json after group has been created, , attempt reload it.

as you'll see, reload works fine , positioning item grouped has been loaded in it's constituent parts, rather being maintained group.

am doing dumb here?

thanks help!


Comments

Popular posts from this blog

how to do line continuation in perl debugger for entering raw multi-line text (EOT)? -

javascript - Create websocket without connecting -

sharepoint - Accessing files across a shared directory using a Windows service -