Example 1

Моя “Доминикана” или Я и Рафаэль.

HTML

var paper = Raphael(0,0,640,480);
var ball = paper.circle(200,200,150,150);
ball.attr( {'fill': 'r(0.25, 0.75)#f00-#400'});

JavaScript

// Creates canvas 640 × 480
var paper = Raphael(0, 0, 640, 480);

// Creates circles 
var circle1 = paper.circle(100, 240, 100);
var circle2 = paper.circle(540, 240, 100);

// Sets the fill attribute of the circle
circle1.attr("fill", "#f00");
circle2.attr("fill", "#00f");