Inkscape Forum Inkscape > SVG support now embeddable in Firefox 3.6

Posted by Linda Walsh (Guest)
on 09.02.2010 06:52
(Received via mailing list)
I don't know about anyone else, but I just found out you
can embed SVG instructions right alongside HTML in a web
document in FF3.6.

But to get it to work, you have to flip on the 'html5.enabled=true'
in about:config.

You can embed SVG images right inside your html now.

Also, the Firebug extension,  apparently added support
for SVG's namespace to allow tinkering /debugging / seeing
how SVG works directly in the browser.

An example of intermixed svg is at:
http://burningbird.net/svg/example4.html.
If you have it enabled, you see a turquoise shaded panel on
either side of the text, otherwise, its white.

You don't have to restart the browser to toggle it.

I have the about:config open in a separate window and searched
on 'html5'.  Brought up brought up 1 result.
Double clicking on it toggles the value.

the code has
<p>...</p></div><svg preserveAspectRatio='none" viewBox=0 0 400 250" 
version=1.1" ..
</svg>
</body>
</html>

doctype at top (no mention of svg -- it's just part of the
XHTML).

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>....

So no more hybrid docs or embedded objects...

Trés cool!

Only works in Firefox 3.6, but other browsers expected to follow suit... 
so in case you wanted an easy test bed for your SVG
outside of inkscape...

:-)

It's coming!...

-linda

(some other links..on HTML5 support.)
http://m.alistapart.com/comments/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii/P10/#13
https://developer.mozilla.org/en/HTML5_support_in_Mozilla
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
Posted by Michael Wybrow (Guest)
on 09.02.2010 07:25
(Received via mailing list)
On 09/02/2010, at 4:51 PM, Linda Walsh wrote:
> 
> An example of intermixed svg is at:
> http://burningbird.net/svg/example4.html.
> 
> Trés cool!
> 
> Only works in Firefox 3.6, but other browsers expected to follow suit...  so in case you wanted an easy test bed for your SVG 
> outside of inkscape...


Actually, it works in Safari 4 and Opera 10 as well.  But I didn't 
realise you could do that till now --- it is cool!


Michael
Posted by John Cliff (Guest)
on 09.02.2010 09:01
(Received via mailing list)
Sent from my iPhone

On 9 Feb 2010, at 05:51, Linda Walsh <inkscape@tlinx.org> wrote:

> Also, the Firebug extension,  apparently added support
> I have the about:config open in a separate window and searched
> doctype at top (no mention of svg -- it's just part of the
> Only works in Firefox 3.6, but other browsers expected to follow  
> suit...

Ummm, it works in safari too actually (mobile version, not got desktop
to try)
Posted by Elwin Estle (Guest)
on 09.02.2010 12:31
(Received via mailing list)
As others have said, Safari and Opera..you can add Google Chrome to the 
list as well.   So the main odd man out, of course, is likely to be that 
"stick in the mud", IE.

--- On Tue, 2/9/10, Linda Walsh <inkscape@tlinx.org> wrote:

From: Linda Walsh <inkscape@tlinx.org>
Subject: [Inkscape-user] SVG support now embeddable in Firefox 3.6
To: inkscape-user@lists.sourceforge.net
Date: Tuesday, February 9, 2010, 12:51 AM


I don't know about anyone else, but I just found out you
can embed SVG instructions right alongside HTML in a web
document in FF3.6.

But to get it to work, you have to flip on the 'html5.enabled=true'
in about:config.

You can embed SVG images right inside your html now.

Also, the Firebug extension,  apparently added support
for SVG's namespace to allow tinkering /debugging / seeing
how SVG works directly in the browser.

An example of intermixed svg is at:
http://burningbird.net/svg/example4.html.
If you have it enabled, you see a turquoise shaded panel on
either side of the text, otherwise, its white.

You don't have to restart the browser to toggle it.

I have the about:config open in a separate window and searched
on 'html5'.  Brought up brought up 1 result. 
Double clicking on it toggles the value.

the code has
<p>...</p></div><svg preserveAspectRatio='none" viewBox=0 0 400 250" 
version=1.1" ..
</svg>
</body>
</html>

doctype at top (no mention of svg -- it's just part of the
XHTML).

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>....

So no more hybrid docs or embedded objects...

Trés cool!

Only works in Firefox 3.6, but other browsers expected to follow 
suit...  so in case you wanted an easy test bed for your SVG
outside of inkscape...

:-)

It's coming!...

-linda

(some other links..on HTML5 support.)
http://m.alistapart.com/comments/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii/P10/#13
https://developer.mozilla.org/en/HTML5_support_in_Mozilla
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
Posted by Andre "Osku" Schmidt (Guest)
on 09.02.2010 15:29
(Received via mailing list)
On Mon, 2010-02-08 at 21:51 -0800, Linda Walsh wrote:
> I don't know about anyone else, but I just found out you
> can embed SVG instructions right alongside HTML in a web 
> document in FF3.6.

hmm, what? you can inline SVG in XHTML for years already!

http://www.w3.org/QA/2006/07/xhtml_and_svg.html


> But to get it to work, you have to flip on the 'html5.enabled=true'
> in about:config.
> 
> You can embed SVG images right inside your html now.

if you include the svg namespace (and it seems even without it), you
dont need any modifications to gecko or webkit based browsers (or
opera)...

https://developer.mozilla.org/en/SVG_In_HTML_Introduction


> Also, the Firebug extension,  apparently added support 
> for SVG's namespace to allow tinkering /debugging / seeing 
> how SVG works directly in the browser.
> 
> An example of intermixed svg is at:
> http://burningbird.net/svg/example4.html.
> If you have it enabled, you see a turquoise shaded panel on
> either side of the text, otherwise, its white.

hmm, i got firefox 3.5 and no html5.enabled and i still see that SVG in
XHTML... so maybe omitting the namespace for SVG is ok for many browsers
already...


> </html>
> 
> doctype at top (no mention of svg -- it's just part of the 
> XHTML).
> 
> <!DOCTYPE html>
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
> <head>....
> 
> So no more hybrid docs or embedded objects...

it's still a "hybrid", that X in XHTML stands for eXtensible, so we can
extend HTML with any namespace we like (and/or the client supports)


> 
> Trés cool!
> 
> Only works in Firefox 3.6, but other browsers expected to follow suit...  so in case you wanted an easy test bed for your SVG 
> outside of inkscape...

works in chrome and opera too...

and you can also open the SVG directly in "any" browsers for a long time
now... (and animate/modify with javascript, etc...)


> 
> :-)
> 
> It's coming!...

if i didn't miss something, it's been here for years ;)

and even MS is at last joining the fun
http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-group.aspx

cheers
.andre
Posted by Paul Bolger (Guest)
on 09.02.2010 22:45
(Received via mailing list)
> and even MS is at last joining the fun
> http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-group.aspx

Don't get any ideas that MS have suddenly seen the light though -
Google's SVG Web project (http://code.google.com/p/svgweb/) has rather
nicely put them in a position where they have no choice.
Posted by Linda A. Walsh (Guest)
on 13.02.2010 15:17
(Received via mailing list)
Andre "Osku" Schmidt wrote:
> it's still a "hybrid", that X in XHTML stands for eXtensible, so we can
> extend HTML with any namespace we like (and/or the client supports)
---
  It works in FF 3.6 WITHOUT any SVG namespace additions.
The namespace is already there.  That's the point.  I knew about the
previous workings with use of the hybrid namespaces, this is in plain
HTML namespace.

> works in chrome and opera too...
---
  Just reading the blog -- when 3.6 came out....it's been out for
a few months now, so it could be dated news.

> 
> and you can also open the SVG directly in "any" browsers for a long time
> now... (and animate/modify with javascript, etc...)
---
  Now without hybrid options in the HTML or embedding it as an
object.  Now it's part of HTML in w/html5 turned on.


> if i didn't miss something, it's been here for years ;)
---
  Not in this form.  Look at the code --- now there's no special
namespace for SVG, no special code.  That's the point.
Posted by Andre "Osku" Schmidt (Guest)
on 14.02.2010 15:38
(Received via mailing list)
On Sat, 2010-02-13 at 05:45 -0800, Linda A. Walsh wrote:
> ---
> 
> > if i didn't miss something, it's been here for years ;)
> ---
>   Not in this form.  Look at the code --- now there's no special
> namespace for SVG, no special code.  That's the point.  

could you send a link to the blog post you found this ?
or better, the part in X/HTML5 specification ?

i must have completely missed the news that SVG is now part of the HTML
namespace in the XHTML5 specification :/

is this only in XHTML5 or also in HTML5 ?
(as the example link you gave was in XHTML5)

can we at last do: <svg src="myfile.svg"/> ?

cheers
.andre
Posted by Alvin Penner (Guest)
on 14.02.2010 19:21
(Received via mailing list)
check out the original post, which contained the reference :
http://burningbird.net/svg/example4.html

This does not work on Windows using IE8 (obviously), even though I have
Adobe SVG Viewer installed and can view svg files using it.

However, it _does_ work on Windows using Seamonkey 2.0.1! Good old 
Netscape
technology comes through once again...

--
View this message in context: 
http://old.nabble.com/SVG-support-now-embeddable-in-Firefox-3.6-tp27510769p27585536.html
Sent from the Inkscape - User mailing list archive at Nabble.com.
Posted by Linda A. Walsh (Guest)
on 17.02.2010 06:08
(Received via mailing list)
Alvin Penner wrote:
> check out the original post, which contained the reference :
> http://burningbird.net/svg/example4.htm
---
  Thank you.

Some people get all defensive about how their favorite browsers can do
the old functionality that they don't understand I'm talking about 
something
new that as of a month  ago, wasn't in any browser except Firefox 3.6.

  It didn't sound like Chrome or Opera had anything close or out at the
time.  I tried to look at Opera's latest beta, as it supposedly has some 
advanced
tech in it, but had WAY many problems -- first downloading the beta -- 
their
download page was all messed up, with the beta pointing to a deleted 
version
(x.50b replaced with x.50b1), and when not working kept defaulting back 
to released
x.10 version...had to look at their source code to get a valid download 
link.

Then upon downloading, they didn't have a exe install -- it was an 
exe->.msi
that wouldn't execute "can't find .msi file"...even though it would 
extract it --
so having it open, I copied the .msi file to another location to execute 
it.

Then it wouldn't install due to some incompatibility with my version of 
the windows
installer.  At that point I gave up.  Never got to try Chrome -- no 
knowledge of an
advanced SVG version nor anything with color management int it.

I also read that none of the other browsers even attempt to deal with 
color reproduction
of tagged images on the web.  Unforunately FF took a step backwards 
there in 3.5
when they went from lcms to qcms and broke icc-v4 support -- but they 
still have
icc-v2 support -- better than nothing, but sadly lower than v4.

Color management does apply to SVG images as well, BTW.  Does inkscape 
use lcms? or
rather does it handle v4 profiles.

(See http://www.color.org/version4html.xalter for test images).
Posted by Jon Cruz (Guest)
on 17.02.2010 06:15
(Received via mailing list)
On Feb 16, 2010, at 9:06 PM, Linda A. Walsh wrote:

> Color management does apply to SVG images as well, BTW.  Does inkscape use lcms? or
> rather does it handle v4 profiles.

Inkscape uses lcms. Since it is lcms1 (lcms2 is not quite released yet) 
Inkscape has a CMM that is "a v2 CMM which can deal with (some) V4 
profiles."
Posted by Chris Lilley (Guest)
on 03.03.2010 14:02
(Received via mailing list)
On Sunday, February 14, 2010, 3:23:08 PM, Andre wrote:

AOS> On Sat, 2010-02-13 at 05:45 -0800, Linda A. Walsh wrote:
>>       Not in this form.  Look at the code --- now there's no special
>> namespace for SVG, no special code.  That's the point.  

AOS> could you send a link to the blog post you found this ?
AOS> or better, the part in X/HTML5 specification ?

AOS> i must have completely missed the news that SVG is now part of the 
HTML
AOS> namespace in the XHTML5 specification :/

It isn't part of the HTML namespace. However, HTML5 does (in its HTML 
serialisation) allow namespace declarations to be omitted for 'well 
known' namespaces.

When you look in the DOM, the elements are automagically in the 
namespace you would expect.


AOS> is this only in XHTML5 or also in HTML5 ?

Its only in HTML5; XHTML5 requires the namespaces to be declared 
(otherwise its not ns-wellformed).


--
 Chris Lilley                    mailto:chris@w3.org
 Technical Director, Interaction Domain
 W3C Graphics Activity Lead
 Co-Chair, W3C Hypertext CG