Crossbrowser bitmap caching

[midimid]

Coming from the world of Flash, I'm lost without "cacheAsBitmap," but found this little snippet:

http://philbit.com/SvgImageCache/svgImageCacheSmall.html

It essentially takes any SVG tag and converts it to a bitmap on a canvas, allowing you to then hide or remove SVG from the display and thus rendering only a single or multiple bitmaps.

The problem is the code appears to fail in Firefox. I can only get it to successfully work in Chrome and Safari. IE9 and Firefox both give odd errors, and of course, I'm clueless with how to support something like this for VML.

Any thoughts on making this functionality more cross-browser friendly?

[charles thomas]

The images shown are not complicated. For "images" of this nature you should be using SVG and not Canvas.

I have a converter that can convert SVG into javascript and/or Canvas on my site so I have explored both.

The images for your application are they detailed bitmaps or could you create equivalent SVG's with an editor?

Charles

http://www.irunmywebsite.com/

---

From: midimid <guir...@gmail.com>
To: raph...@googlegroups.com
Sent: Thursday, October 25, 2012 12:11:51 PM
Subject: Crossbrowser bitmap caching

--
You received this message because you are subscribed to the Google Groups "Raphaël" group.
To view this discussion on the web, visit https://groups.google.com/d/msg/raphaeljs/-/WEwZPtrLNXMJ.
To post to this group, send an email to raph...@googlegroups.com.
To unsubscribe from this group, send email to raphaeljs+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/raphaeljs?hl=en-GB.