XHTML+MathML+SVG document in Sidewinder, FireFox and Opera
Someone asked on the SVG mailing list whether it was possible to overlay SVG on top of HTML, so I decided to try it on a few browsers.
We've been using this technique for all sorts of things in our Sidewinder Viewer, so I knew it was possible. For example, you can take a set of map tiles, such as those used in Google Maps or Microsoft terraServer--and position a
XHTML+MathML+SVG document in Sidewinder, FireFox and Opera
Note that there is a small differences between Sidewinder and FireFox, in that the DeerPark Alpha build being used did not render the black borders around the SVG elements. There were bigger differences between these two browsers and Opera, since Opera 8 did not render the MathML, and did not render the background of the SVG as 'transparent', so that other mark-up was visible.
However, whichever way you look at it, this does bode well for XHTML becoming the programming language of choice.
Tags: SVG | webapps | programming | MathML | XHTML | Browser | FireFox | Opera | Sidewinder
We've been using this technique for all sorts of things in our Sidewinder Viewer, so I knew it was possible. For example, you can take a set of map tiles, such as those used in Google Maps or Microsoft terraServer--and position a
div that contains some SVG on top of it. But as a little exercise I thought I'd see whether I could make the same document work in other browsers. And not one to make things too easy for myself, I thought I'd see if we could place the SVG on top of XHTML and MathML. I think the results are pretty impressive:
XHTML+MathML+SVG document in Sidewinder, FireFox and Opera
Note that there is a small differences between Sidewinder and FireFox, in that the DeerPark Alpha build being used did not render the black borders around the SVG elements. There were bigger differences between these two browsers and Opera, since Opera 8 did not render the MathML, and did not render the background of the SVG as 'transparent', so that other mark-up was visible.
However, whichever way you look at it, this does bode well for XHTML becoming the programming language of choice.
Tags: SVG | webapps | programming | MathML | XHTML | Browser | FireFox | Opera | Sidewinder
Bookmark with:
|
|
|
|
|
|
|
posted by Mark Birbeck at 11:00 AM
3 Comments:
Where is the link to the test page? or did I just miss it....
To me what might be more interesting is to put SVG UNDERNEATH the HTML in Firefox/Opera. I would love to use SVG as a background in my HTML divs but guess what: not currently supported (though reported to both Mozilla and Opera).
It would be nice if Blogger templates produced fully compliant XHTML code so that SVG and MathML could be embedded in blog posts (using namespaces on the tags or their parent tags, of course).
Since you wrote this article, and Firefox 1.5 went final, people have started trying to embed MathML and SVG in their posts and it is not working. Some Blogger template tags seem to emit stuff with syntax errors.
Post a Comment
Links to this post:
Create a Link
<< Home