jquery - fabric js clone path-group type object -
jquery - fabric js clone path-group type object -
i'm trying in fabricjs clone svg object. ok first time clones 2 times , 4 , on. couln't find solution problem.
here tried:
$('#duplicate-item').on('click', function(event) { event.preventdefault(); var obj = selectedobject; if (fabric.util.getklass(obj.type).async) { obj.clone(function (clone) { clone.set({ left: 200, top: 100 }); canvas.add(clone); }); } });
i added little code loads svg image , adds on canvas. same way (select svg , press button) can clone svg object. hope helps.
var site_url = 'http://fabricjs.com/assets/1.svg'; fabric.loadsvgfromurl(site_url, function(objects) { var grouping = new fabric.pathgroup(objects, { left: 165, top: 100, width: 295, height: 211 }); canvas.add(group); canvas.renderall(); });
live example: http://jsfiddle.net/tornado1979/0fbefh52/4/
jquery canvas fabricjs
Comments
Post a Comment