Comments on: Firefox 3 - SVG foreignObject http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/ Mon, 08 Sep 2008 06:02:13 +0000 http://wordpress.org/?v=2.5 By: HTML in SVG « openil http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-3372 HTML in SVG « openil Tue, 28 Aug 2007 15:05:13 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-3372 [...] “HTML in SVG” ?????????????????? ??? http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject. ????????????????????????????? web [...] […] “HTML in SVG” ?????????????????? ??? http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject. ????????????????????????????? web […]

]]> By: Surf*Mind*Musings » Adobe AIR Bus Tour inspired Mozilla thoughts http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-3120 Surf*Mind*Musings » Adobe AIR Bus Tour inspired Mozilla thoughts Tue, 14 Aug 2007 18:47:56 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-3120 [...] new GranParadiso SVG does offer the potential to scale and rotate live webpages, but it’s pretty beta. The new FUEL API to bookmarks is still a bit clumsy for walking the [...] […] new GranParadiso SVG does offer the potential to scale and rotate live webpages, but it’s pretty beta. The new FUEL API to bookmarks is still a bit clumsy for walking the […]

]]> By: skierpage http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2862 skierpage Sat, 21 Jul 2007 21:32:22 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2862 Very cool. Scrolling the HTML up and down blits weird chunks -- known bug? Very cool. Scrolling the HTML up and down blits weird chunks — known bug?

]]> By: Brutuscat http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2855 Brutuscat Fri, 20 Jul 2007 17:44:13 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2855 Awesome the transforms. Some screens would be ok also ;) to those that don't want to download Firefox3. Awesome the transforms. Some screens would be ok also ;) to those that don’t want to download Firefox3.

]]> By: Jeff Schiller http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2853 Jeff Schiller Fri, 20 Jul 2007 15:28:35 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2853 Well this is the first time I've filled out an HTML form on a 20 degree angle. Your first example was more interesting to me - seems like we can use SVG foreignObject to emulate rounded corners of divs or gradients on divs, etc. It's unfortunate that Mozilla doesn't support SVG as CSS background-image (which would probably be the preferred way). Opera 9.5 will be able to do this. So let's say I want a div to have a gradient background with rounded corners - I'd like to use SVG to do this. Any thoughts of detecting capabilities across browser? Well this is the first time I’ve filled out an HTML form on a 20 degree angle.

Your first example was more interesting to me - seems like we can use SVG foreignObject to emulate rounded corners of divs or gradients on divs, etc. It’s unfortunate that Mozilla doesn’t support SVG as CSS background-image (which would probably be the preferred way). Opera 9.5 will be able to do this.

So let’s say I want a div to have a gradient background with rounded corners - I’d like to use SVG to do this. Any thoughts of detecting capabilities across browser?

]]> By: enefekt http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2852 enefekt Fri, 20 Jul 2007 11:40:24 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2852 This is really cool, thanks! This is really cool, thanks!

]]> By: Robert Longson http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2849 Robert Longson Fri, 20 Jul 2007 10:38:47 +0000 http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/#comment-2849 There are some caveats to using HTML text instead of SVG text. a) SVG text does not scale independently of the SVG image so if you increase or decrease the text size in the browser it has no effect on your SVG text. If you use HTML text however this will change size, possibly obscuring parts of your drawing. b) SVG text ignores the browser's minimum font size. I.e. Tools->Options->Fonts & Colours(Advanced)->Minimum Font Size. If you have this set your HTML replacement text may come out bigger than you expect on your drawing. There are some caveats to using HTML text instead of SVG text.

a) SVG text does not scale independently of the SVG image so if you increase or decrease the text size in the browser it has no effect on your SVG text. If you use HTML text however this will change size, possibly obscuring parts of your drawing.

b) SVG text ignores the browser’s minimum font size. I.e. Tools->Options->Fonts & Colours(Advanced)->Minimum Font Size. If you have this set your HTML replacement text may come out bigger than you expect on your drawing.

]]>