I have a complex blueprint, which I've traced in Inkscape. I'm going to programmatically animate the path and also add some other effects with JavaScript. I can include the file using HTML (e.g. <img src="filename.svg"/>
) but then how do I manipulate each path in that SVG file?
So far what I've been doing is manually transferring the values to HTML by copying and pasting (e.g. <svg><path d="x,y x,y x,y..."/>
), I can then attribute ids and classes to each path and use those ids and classes to manipulate the paths using JavaScript, but it is extremely time consuming. There has to be a better, faster way to do this.
I've looked everywhere, and I've only been able to find instructions for exporting paths using Python, which I don't have installed on this Windows system.
Are there any ways to do this natively in Inkscape? Or any other ways that you are aware of?