SVG support now embeddable in Firefox 3.6
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-bac... https://developer.mozilla.org/en/HTML5_support_in_Mozilla http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
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
Sent from my iPhone
On 9 Feb 2010, at 05:51, Linda Walsh <inkscape@...2679...> 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.
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...
Ummm, it works in safari too actually (mobile version, not got desktop to try)
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-bac... https://developer.mozilla.org/en/HTML5_support_in_Mozilla http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
The Planet: dedicated and managed hosting, cloud storage, colocation Stay online with enterprise data centers and the best network in the business Choose flexible plans and management services without long-term contracts Personal 24x7 support from experience hosting pros just a phone call away. http://p.sf.net/sfu/theplanet-com _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
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@...2679...> wrote:
From: Linda Walsh <inkscape@...2679...> 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-bac... https://developer.mozilla.org/en/HTML5_support_in_Mozilla http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29
------------------------------------------------------------------------------ The Planet: dedicated and managed hosting, cloud storage, colocation Stay online with enterprise data centers and the best network in the business Choose flexible plans and management services without long-term contracts Personal 24x7 support from experience hosting pros just a phone call away. http://p.sf.net/sfu/theplanet-com _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
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...
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...
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-...
cheers .andre
and even MS is at last joining the fun http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-...
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.
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.
On Sat, 2010-02-13 at 05:45 -0800, Linda A. Walsh wrote:
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.
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
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...
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).
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."
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 specialnamespace 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).
participants (10)
-
Alvin Penner -
Andre "Osku" Schmidt -
Chris Lilley -
Elwin Estle -
John Cliff -
Jon Cruz -
Linda A. Walsh -
Linda Walsh -
Michael Wybrow -
Paul Bolger