Comments on: svg:foreignobject in Firefox 3 http://cow.neondragon.net/index.php/1194-Svgforeignobject-In-Firefox-3 Helping you to get the most out of modern technology and communications since 2004. Wed, 08 Feb 2012 16:48:53 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Xeen http://cow.neondragon.net/index.php/1194-Svgforeignobject-In-Firefox-3/comment-page-1#comment-721 Xeen Wed, 30 Nov -0001 00:00:00 +0000 #comment-721 <p>I'm not sure why someone wanted to turn a webpage. It might be a nice gimmick or something, but is there any real usecase? I could only think of some image service that allows you to turn a (thumbnail) preview of your pic instead of having to turn it on their servers and update the preview everytime. If it's used similar to those DHTML effects that animate going from page to page it'll get annoying pretty fast, as it prevents you from doing something right.<br />One other usecase might be an analog clock and the hands are turned by JS. However, these might look better and are better supported if realized in e.g. Flash.</p><p>However the zoom function seems pretty nice if all bugs are fixed and it will hopefully allow *real* zoom in 3.0 like Opera does/did for years and IE7 builds do more or less statisfying. Nice to see that they are working on some good features while still managing to create "final" versions that offer some of the advantages to the everyday users (e.g. developing Firefox 2.0 in time altghough it misses some features that could be implemented if they had took more time.). I'm thinking of phpBB which took years to implement some "trivial" features because they were working on a bunch of other features and didn't include or update the already finished features for older builds (in this case phpBB 2.0x). <br />xeen<br /></p> I’m not sure why someone wanted to turn a webpage. It might be a nice gimmick or something, but is there any real usecase? I could only think of some image service that allows you to turn a (thumbnail) preview of your pic instead of having to turn it on their servers and update the preview everytime. If it’s used similar to those DHTML effects that animate going from page to page it’ll get annoying pretty fast, as it prevents you from doing something right.
One other usecase might be an analog clock and the hands are turned by JS. However, these might look better and are better supported if realized in e.g. Flash.

However the zoom function seems pretty nice if all bugs are fixed and it will hopefully allow *real* zoom in 3.0 like Opera does/did for years and IE7 builds do more or less statisfying. Nice to see that they are working on some good features while still managing to create "final" versions that offer some of the advantages to the everyday users (e.g. developing Firefox 2.0 in time altghough it misses some features that could be implemented if they had took more time.). I’m thinking of phpBB which took years to implement some "trivial" features because they were working on a bunch of other features and didn’t include or update the already finished features for older builds (in this case phpBB 2.0x).
xeen

]]> By: Khlo http://cow.neondragon.net/index.php/1194-Svgforeignobject-In-Firefox-3/comment-page-1#comment-722 Khlo Wed, 30 Nov -0001 00:00:00 +0000 #comment-722 <p>Well, I don't think there's any point of being able to rotate but it's a nice handy demonstration of what you can do using svg:foreignobject. It's implemented like this:</p><pre> <<span class="start-tag">foreignObject</span><span class="attribute-name"> x</span>=<span class="attribute-value">"0" </span><span class="attribute-name">y</span>=<span class="attribute-value">"0" </span><span class="attribute-name">width</span>=<span class="attribute-value">"800" </span><span class="attribute-name">height</span>=<span class="attribute-value">"800"</span>><br /> <<span class="start-tag">div</span><span class="attribute-name"> xmlns</span>=<span class="attribute-value">"http://www.w3.org/1999/xhtml"</span>><br /></pre><pre> <<span class="start-tag">iframe</span><span class="attribute-name"> src</span>=<span class="attribute-value">"test9.html" </span><span class="attribute-name">id</span>=<span class="attribute-value">"i" </span><span class="attribute-name">style</span>=<span class="attribute-value">"width:800px; height:800px;"</span>></<span class="end-tag">iframe</span>><br /> </<span class="end-tag">div</span>><br /> </<span class="end-tag">foreignObject</span>></pre><p>It's simply a way of embedding HTML documents inside SVG documents. The rest is just SVG features. I can't think of any real uses either but I'm sure someone will think of some way to combine SVG features and iframes.</p><p>Perhaps someone could create a 3D carousel (like when you switch between desktops in XGL) which could transform and change the opacity of different pages to achieve the effect. </p> Well, I don’t think there’s any point of being able to rotate but it’s a nice handy demonstration of what you can do using svg:foreignobject. It’s implemented like this:

      <foreignObject x="0" y="0" width="800" height="800">        <div xmlns="http://www.w3.org/1999/xhtml">
          <iframe src="test9.html" id="i" style="width:800px; height:800px;"></iframe>        </div>      </foreignObject>

It’s simply a way of embedding HTML documents inside SVG documents. The rest is just SVG features. I can’t think of any real uses either but I’m sure someone will think of some way to combine SVG features and iframes.

Perhaps someone could create a 3D carousel (like when you switch between desktops in XGL) which could transform and change the opacity of different pages to achieve the effect. 

]]> By: Jacobus http://cow.neondragon.net/index.php/1194-Svgforeignobject-In-Firefox-3/comment-page-1#comment-1333 Jacobus Wed, 30 Nov -0001 00:00:00 +0000 #comment-1333 <p> Stunning work from the Mozilla team!!!!</p><p>The real power of foreign objects comes from the ability to use XHTML controls inside your SVG. You can now have text boxes, drop down boxes etc. in your SVG.</p><p>Scaling and rotating is critical and very useful. You can now create a website that scales exactly to the user's screen with much, much more control than previously possible. Our website - http://www.locateandtrade.com - can do this, but scaling is currently disabled because scaling foreign objects is immature under Firefox and Opera. It looks like we will be able to flick the switch within a couple of months though :-) </p> Stunning work from the Mozilla team!!!!

The real power of foreign objects comes from the ability to use XHTML controls inside your SVG. You can now have text boxes, drop down boxes etc. in your SVG.

Scaling and rotating is critical and very useful. You can now create a website that scales exactly to the user’s screen with much, much more control than previously possible. Our website – http://www.locateandtrade.com – can do this, but scaling is currently disabled because scaling foreign objects is immature under Firefox and Opera. It looks like we will be able to flick the switch within a couple of months though :-)  

]]>