Raphaël - vector graphics in the web browser

Posted on September 6th 2008 in Web Development

raphael-logo.jpg

It’s amazing what can be done with SVG and VML. Raphaël is a great example of what can be done with graphics in modern browsers. It’s a JavaScript library that enables users to view vector graphics in their browsers, using SVG and VML as base for graphics creation. This way, every created object is a DOM object which means events and handlers can be attached to them, and the objects themselves modified. Right now the library supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+, which pretty much covers the largest portion of internet users, except for Google Chrome (already number 4 browser in the world) which has a little trouble rendering the effects (for example Text Rotation). Nevertheless, a great advancement in web graphics.

They’ve got some very cool demos so check them out - Reflection, Image Rotation, Text Rotation (this doesn’t work very well in Google Chrome).

[Via: SitePoint]

Trackback URI | Comments RSS

Leave a Reply

Close
E-mail It