I’m currently encountering difficulties when it comes to converting SVG graphics into GoJS shapes and implementing animations on them. While I found the “tiger” example helpful, it primarily consists of tags. However, SVGs can contain a variety of elements such as groups, circles, squares, and more. How can I handle these more complex SVG structures within GoJS?
I’m using GoJs ^2.3.11.
I still don’t understand what you really want to do. It sounds like you want to convert some SVG into the equivalent GoJS Shapes and TextBlocks and Panels of combinations of them. Then you could animate some properties of some of those GraphObjects. Do you have a simple but non-trivial example of what you want to accomplish?
We are looking for a way to take images from our graphic designer who is working in illustrator and convert her designs into GoJS shapes. These shapes will need to animate and transform at run time based on data coming from our API. So rendering a static SVG will not work. What is an advisable workflow to accurately translate shapes produced by vector editing software into GoJS Shapes?
Sorry, there is no tool that does that, especially since some design tools generate some rather contorted SVG code.
You’ll have to do it manually. Try to split the SVG into a minimum number of pieces – some of them that need not change can be rendered all together using a Picture, rather than trying to reduce each smallest piece of SVG DOM to the simplest GoJS GraphObject.