From john Culleton Wed Sep 7 00:19:31 2011 From: john Culleton To: inkscape-user@lists.inkscape.org Subject: [Inkscape-user] Inkscape in html Date: Tue, 06 Sep 2011 20:19:19 -0400 Message-ID: <20110906201919.3bf647e7@...2876...> MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============6062443720491834942==" --===============6062443720491834942== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: 7bit 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: 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 In-Reply-To: <20110906201919.3bf647e7@...2876...> MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============2124741527984815896==" --===============2124741527984815896== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: 7bit 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: > > > > > > stroke-width="2" fill="red"/> > > > > > > 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 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? > > --===============2124741527984815896==-- From Adrian Dusa Wed Sep 7 09:23:50 2011 From: Adrian Dusa To: inkscape-user@lists.inkscape.org Subject: Re: [Inkscape-user] Inkscape in html Date: Wed, 07 Sep 2011 12:23:24 +0300 Message-ID: In-Reply-To: <20110906201919.3bf647e7@...2876...> MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============0377370033792242980==" --===============0377370033792242980== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: 7bit On Wed, Sep 7, 2011 at 03:19, 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: 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 --===============0377370033792242980==--