Mozilla File Extensions for embedding SVG in HTML on a Wiki Page?
"Siegfried Heintze" <[email protected]> Thu, 4 Feb 2010 22:34:11 -0800
| Newsgroups | gmane.comp.mozilla.devel.svg |
|---|---|
| Message-ID | <[email protected]> |
I want to use some rotated text in a wiki page.
I took an example file with the extension of xml and demostrated some
rotated svg text embedded in html. When I renamed the file to have the
extension htm, it would not work.
When I use this wiki, I don't specify a file extension. Can I use SVG
embedded in html in a a wiki with firefox?
Thanks
Siegfried
Here is the file I am trying to embed. This works with an .xml extension.
How do I put it in a wiki?
<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<head><title>Rotated Text</title>
</head>
<body>
<h1>Rotating Text </h1>
<svg:svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve"
style="shape-rendering:geometricPrecision;
text-rendering:geometricPrecision; image-rendering:optimizeQuality" x="0"
y="0" height="100" width="100">
<svg:rect x="0" y="0" width="100" height="100" style="fill: #DDD;
stroke: none;"/>
<svg:line x1="0" y1="0" x2="100" y2="100" style="stroke: grey;"/>
<svg:line x1="0" y1="100" x2="100" y2="0" style="stroke: grey;"/>
<svg:g transform="translate(50,50)" >
<svg:text id="y" x="0" y="0" transform="rotate(-90 0 0)"
style="dominant-baseline: central; text-anchor: middle; font-size:
24pt;">XY</svg:text>
</svg:g>
</svg:svg>
<h1>Another example</h1>
<p>More text</p>
</body>
</html>