Using Raphaeljs to animate a rectangle

Using the Raphaeljs library to animate a rectangle in SVG

by Rob Lang

HTML

<div id="container"></div>

JavaScript

var paper = new Raphael(document.getElementById('container'), 500, 400);

var rect = paper.rect(10, 20, 300, 200);

rect.animate({
    x: 100,
    y: 50
}, 1000);