title: animate vector element to swing like a pendulum with SVG or Canvas?
body: <p>I have a image which i would like to animate on my web page.</p>
  
  <p>Currently i am using a gif.</p>
  
  <p><a href="http://dev.thepenline.com/TEMP/Hol_10_swingingBell.gif" rel="nofollow noreferrer">http://dev.thepenline.com/TEMP/Hol_10_swingingBell.gif</a></p>
  
  <p>I would like to have more control on its animation, which js lib/framework would be best to help me out?</p>
  
  <p>Should i use canvas or SVG?
  Which (small) library is best to use?</p>
  
  <p>I happen to know a little <a href="http://raphaeljs.com/" rel="nofollow noreferrer">raphael.js</a>
  But i am not sure how to get this effect done.</p>