Converting SVG Path from inkscape to Raphaëljs

Question

In inkscape the coordinate system is bottom/top corner (meaning, 0,0 is left bottom corner). This is the same case with Adobe Illustrator. But, when I try to use this path string in raphael it use top/bottom (meaning, 0,0 is top/left corner) approach. How to convert this path string according to browser's coordinates or raphael's coordinates?

Answer 1

I have been experiencing a similar issue trying to make a map I created in Inkscape. All of my countries were off the charts, literally!

I just copied my svg file into Ready Set Raphael and it worked like a charm.

Answer 2

I had this problem before and the easiest way that I found to solve it is to flip the image before getting the path string.