Hi Fawzan, SVG drawing is limited to canvas that implemented (SVG objects are bound to their parent canvas container) . So you can't drag element out side of another.
IMO you can write simple event handler to draw element when click on stream section. Or else you can use library like jsplumb[1] or fabricjs[2] which includes some advance capabilities on drag event handling. [1] http://www.jsplumb.org/demo/flowchart/dom.html [2] http://fabricjs.com/ Regards, *Dakshika Jayathilaka* PMC Member & Committer of Apache Stratos Senior Software Engineer WSO2, Inc. lean.enterprise.middleware 0771100911 On Sat, Jun 6, 2015 at 7:12 PM, Mohamed Fawzan <[email protected]> wrote: > > Hi, > I am working on GSOC Proposal 18 [1] > <https://docs.wso2.com/display/GSoC/Project+Proposals+for+2015#ProjectProposalsfor2015-Proposal18:ExtensibleVisualComposerSiddhiLanguage>. > I am creating a Visual Composer for Siddhi Language[2] > <https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language>. > I have a problem while moving elements between different SVG elements. > > Actually, I am trying to drag items from operators section to Canvas (A - > See attached image).It seems I cannot do that. Can anyone help me out here? > > If it is not possible to move elements between svg elements, What are my > options? To draw the entire page in a big svg? > > -Regards > > > > > [1] > https://docs.wso2.com/display/GSoC/Project+Proposals+for+2015#ProjectProposalsfor2015-Proposal18:ExtensibleVisualComposerSiddhiLanguage > [2] - > https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language > > -- > Fawsan M.M.M > Faculty of Engineering, UoP > +94771121195 > https://lk.linkedin.com/in/efawzan > > > _______________________________________________ > Dev mailing list > [email protected] > http://wso2.org/cgi-bin/mailman/listinfo/dev > >
_______________________________________________ Dev mailing list [email protected] http://wso2.org/cgi-bin/mailman/listinfo/dev
