About

So I have a canvas 2D-based animations app that I'm building, inside it. Basically whenever I import an SVG, it properly detects all the paths in the shape inside the parent SVG. I can click on it, drag it around. The problem is it's duplicating some of the layers in the fills because it basically draws using canvas methods. Along with this duplication drawing, it also due to the same reason changes the visual output of the SVG. I need someone who knows Canvas 2D draw methods really well and someone who knows how vectors and sub-nested paths get selected in Figma. This is more complex than it seems so I need someone with experience in this. as you can see in the recording there is duplication and visual change - but if you import the same thing in figma its not the same. I need 2 things basically no duplication or visual change to the SVG even if I select the sublayers + Basically the click detection should be better and should select paths just like how vectors get selected in Figma - for example you have a parent SVG that imports and it has subpaths and nested paths inside it. When you double-click on a certain path inside of the parent SVG, that gets selected. You can move that around, resize it etc; there is no duplication and there is no visual change to the SVG. And the second thing is basically I should be able to apply individual animations to these particular nested paths. Right now I have added the support for animations even though the animations are happening. I just want you to improve on that.