By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,750 Members | 1,367 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,750 IT Pros & Developers. It's quick & easy.

SVG Differences - inline and stand alone?

P: n/a
So I've spent some time working on transforming XML into
a nice SVG based graph, which I'm happy with.

I've now been tasked with putting this graph into some
outer html wrapper to create a report with data as well.
This is not a problem as I've dropped the SVG inline in
the HTML using the AdobeSVG import trick, and it works

The trouble is that there are some glaring differences
between what I see by viewing the SVG straight in the
browser as a .svg file and through the inline HTML.

For example (to reproduce) try viewing this as a .svg:

<svg width="500" height="500">
<text font-size="10" style="text-anchor:end; writing-mode:tb;" x="250"

Now try the same piece of SVG wrapped in HTML, viewed as .htm:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns=""
<object id="AdobeSVG"
<?import namespace="svg" urn=""

<svg:svg width="500" height="500">
<svg:text font-size="10" style="text-anchor:end; writing-mode:tb;"
x="250" y="300">Vertical</svg:text>


....and you (should!) see that it doesn't work?

It's very difficult trying to track any discussion down about this,
mainly because searching for various keywords returns hundreds
of unrelated results.

So my question is really around if anyone has noticed this (which
I presume should be a resounding yes!) and have they managed
to "fix" the problem, and if so what did they do?


Sep 29 '06 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.