Download
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+. Versions will be released as we gather and test new PRs. As there are a lot of browsers being supported it might take a while to accept a PR, we will use the feedback from other users too. You can use the raphaelTest.html to try things, you need to start a server in the root dir to start testing things there.
Features
- Animation delay feature creates a copy of existing animation object with given delay
- Animation repeat feature creates a copy of existing animation object with given repetition
- Element animate feature creates and starts animation for given element
- Element animate with- feature acts similar to Element.animate, but ensure that given animation runs in sync with another given element
- You can set and customize the attributes of the elements
- You can add event handler for click for specific elements
Project Samples
