Friday, December 30th, 2005
Canvas in IE
<>p>As soon as we saw SVG, Ben thought that it would be quite possible to take the VML support that IE has had for a long time, and make a converter that would make a subset of SVG work in IE.Emil Eklund had the same thought, and acted on it.
In this case, his demo was actually in porting some of Canvas over to IE. You can check out the demo to see it in action, and see the JavaScript and HTC code.
Great work Emil!
Related Content:
4 rating from 75 votes
Beautiful. And I’m sure there are gotchas, but still … beautiful.
Hey, this also works in mozilla firefox 1.5 and later. Full svg support. I love it :)
Hey, this works in Mozilla Firefox 1.5 also! Cool…
I noticed the load in IE6 was a bit slow. Not sure if that’s my machine. But anyhow, I consider this “hack” to be significant. I’m surprised more people aren’t talking this up. from a pure web design perspective, SVG allows for the use of transparency and gradient without large file downloads. I think this is a big deal and am glad I don’t have to “settle” for SVG to work only on FF and IE7. Way to go Ben!
[...] We discussed Canvas in IE when Emil Eklund did a proof of concept. [...]
Here’s an example of cross browser Canvas that degrades…
http://www.aflax.org/canvas.htm
Works wonderfully.Can I render text?Pl let me know
Thanks
Wonderful.Can I render Text?
Thanks
Can I render text?Pl let me know
Thanks
I want to learn it and use it.
[...] Use Canvas. Canvas was introduced in Safari and now in Firefox and Opera too. No sign of life in IE, but this there’s a fantastic hack (via Ajaxian) that emulates SVG using IE’s native VML support (more on VML below). [...]