Tuesday, August 31st, 2010

Raphaël 1.5 Released

Category: Announcements, Framework, SVG

<p>

Dmitry Baranovskiy and team have released another version of Raphaël, an excellent drawing and animation library backed by SVG (VML on Internet Explorer). New features in Raphaël 1.5 include custom attributes and keyframes. Keyframes can be defined similar to CSS3 Animations:

javascript
< view plain text >
  1. el.animate({
  2.     "20%": {cy: 200, easing: ">"},
  3.     "40%": {cy: 100},
  4.     "60%": {cy: 200},
  5.     "80%": {cy: 300, callback: function () {}},
  6.     "100%": {cy: 200}
  7. }, 5000);

Check out a demo of the new keyframe animation.

Custom attributes is also a new feature that makes it easier to do things like animating a portion of an attribute segment (demo).

Full release notes:

  • fixed IE8 issue with the HTML element named Raphael
  • fixed precision for arcs in IE
  • added caching to getPointAtSegmentLength function
  • added ability to do more than one animation of an element at the same time
  • added “cubic-bezier()” as an easing method
  • added new syntax for animation (keyframes)
  • hsl2rgb now accept h as degree (0..360), s and b as % (0..100)
  • show=”new” instead of target=”blank” for SVG
  • added angle method
  • added snapTo method
  • cached popup || activeX for IE
  • fixed insertAfter
  • fixed timeouts for animation
  • added customAttributes

BTW I just noticed that Dmitry is now at Sencha; they’re assembling quite the team! Congrats Dmitry!

Related Content:

  • 15. Kernel patches
    Learn the answer to the fifteenth question in SearchSAP.com's exclusive SAP Basis quiz. Read the answer and detailed information on kernel...
  • Sybase ASE 15 diagram
    Sybase expert Mich Talebzadeh has created a diagram of Sybase ASE 15's architecture for those who need a quick...
  • Apache Wicket 1.5 has been released
    The Apache Wicket team is proud to announce the immediate availability of the newest release of their component oriented open source Java web...
  • Mozilla to release Firefox 1.5 this year
    The open-source Mozilla Foundation has issued release candidate 1 of a major upgrade to its Firefox...
  • IT Channel News Briefs, Oct. 15
    PC shipments up 15% over last year; Microsoft releases Silverlight 2; Salesforce.com may be forced to cut...

Posted by Brad Neuberg at 5:30 am
3 Comments

+++--
3 rating from 7 votes

3 Comments »

Comments feed TrackBack URI

Thank you Brad.
Just FYI there no team, just me. :)

Comment by DmitryBaranovskiy — August 31, 2010

heya,

Looks very awesome =).

Is there going to be a corresponding update to gRaphael in the works?

You know what would be the most awesome thing? If somebody could demo Google’s Flash-based Annotated Time Line (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) in gRapahel…lol. *hint hint*.

Cheers,
Victor

Comment by victorhooi — August 31, 2010

Raphael has been really undervalued for long, with many confusing it with the general HTML5 buzz. It is really a fantastically designed cross browser JS library!

It forms the basis for the Chittram – Online Vector (SVG) Editor that I developed.

Shakthi

Comment by Chittram — September 1, 2010

Leave a comment

You must be logged in to post a comment.