On Tuesday, August 26, 2014 10:56:18 AM, su_v <suv-sf@...16...> wrote:
On 2014-08-26 17:54 , Jeff Winterpants wrote:
I am writing a web app that exports SVGs. One such SVG is attached. Though it renders properly in web browsers including Chrome and Firefox, Inkscape renders it poorly.
- Firefox rendering (correct): http://i.imgur.com/vvla9QX.png
- Inkscape rendering (incorrect): http://i.imgur.com/s8f2aXs.png. Note that the numerical axis tick labels are offset to improper locations. Additionally, the document size is too small to contain the entirety of the graphic.
- Batik rendering (slightly incorrect): http://i.imgur.com/xFFqFMs.png. For reference, I tried Batik. It renders the SVG better than Inkscape, but the numerical axis tick labels on the bottom ("Subject") axis are too high, even though those on the top ("Query") axis are correct.
How can I change the SVG so Inkscape will render it properly?
Probably related to
- Bug #168845 “<text> position attributes should handle relative unitsâ€
> https://bugs.launchpad.net/inkscape/+bug/168845
- Bug #262528 “Problem with <tspan> element and attribute dyâ€
> https://bugs.launchpad.net/inkscape/+bug/262528
(lack of support for relative units like 'em' for <text> and <tspan> positioning in Inkscape) hth, V
Slashdot TV. Video for Nerds. Stuff that matters. http://tv.slashdot.org/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Thank you! I fixed the issue by changing all em dimensions to the equivalent px values, and by specifying the position of text elements via the x and y attributes rather than dx and dy.
Jeff