I have Inkscape working as a standalone, using Firefox as the test bed. Now I want to put together an hybrid file, html but with svg embedded. I found this toy online but it doesn't work on Firefox:
<html> <body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/> </svg>
</body> </html>
When I tried adding a more elaborate file created by Inkscape the text came through but the graphic elements were missing and the text passages were jumbled together. Various other options like <object or <embed either didn't work or didn't allow linking etc.
At this point is svg in html too fragile to fool with? Are Inkscape extensions to svg getting in the way?
Various browsers offer various levels of support. Firefox has relatively poor text support. Exactly how SVG fits into HTML is still being worked out (mostly sizing issues and linking issues, the latter due to security issues). You just have to test. Take a look at:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web.html http://tavmjong.free.fr/SVG/SVG_IN_HTML/svg_in_html.html http://tavmjong.free.fr/blog/?p=36
Tav
On Tue, 2011-09-06 at 20:19 -0400, john Culleton wrote:
I have Inkscape working as a standalone, using Firefox as the test bed. Now I want to put together an hybrid file, html but with svg embedded. I found this toy online but it doesn't work on Firefox:
<html> <body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/> </svg>
</body> </html>
When I tried adding a more elaborate file created by Inkscape the text came through but the graphic elements were missing and the text passages were jumbled together. Various other options like <object or <embed either didn't work or didn't allow linking etc.
At this point is svg in html too fragile to fool with? Are Inkscape extensions to svg getting in the way?
On Wed, Sep 7, 2011 at 03:19, john Culleton <john@...1668...> wrote:
I have Inkscape working as a standalone, using Firefox as the test bed. Now I want to put together an hybrid file, html but with svg embedded. I found this toy online but it doesn't work on Firefox:
For Inkscape SVG embedded in HTML, please look here: http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.xhtml
Also, you might take a look on the SVG library RaphaelJS working very well with Javascript (just Google for it).
Hth, Adrian
participants (3)
-
Adrian Dusa -
john Culleton -
Tavmjong Bah