Raphaël — SVG и VML в одном флаконе

Дмитрий Барановский создал гениальную JS-библиотеку для работы с векторной графикой под названием Raphaël. Она объединяет в себе методы для работы как с SVG (а это Firefox 3.0+, Safari 3.0+ и Opera 9.5+), так и VML-движком, присущим Internet Explorer 6.0+. Каждый созданный скриптом графический объект является элементом DOM, а следовательно на него можно навешивать любые события браузера и изменять свойства.

Скрипт с использованием Рафаэля выглядит так:

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");