I'm doing a little experiment using svgnet library (http://
www.jbrowse.com/svgnet/) to parse Inkscape output into javascript
statement to drive Raphael. It works for simple-untransformed object.
But if Inkscape has transformed it using matrix transformation, I
can't render it correctly in Raphael. Once you have multiple action
(translate - rotate - translate - scale ...) you can't recover the
order of action and re-play it with Raphael API.
So I make an exact string copy of Inkscape matrix to force transform
attribute value, e.g:
var diagram = Raphael(...)
var rect = diagram.rect(...)
rect.node.setAttribute({transform:"matrix (.., ... ,...,...)"});
It works in FF, Opera, Chrome, ... and of course not in IE.
I've try using DXImageTransform.Matrix (....) in IE, it works for the
rotation and scaling, but not for the translation.
I'm running out ideas, how to render it correctly in IE.
Any suggestion?