Chapter 7: Redder

JavaScript

Raphael.el.redder = function() {
    var rgb = Raphael.getRGB(this.attr("fill"));
    rgb.r += 51;
    this.attr("fill", "rgb(" + rgb.r + "," + rgb.g + "," + rgb.b + ")");
}
var paper = Raphael(0, 0, 500, 500);

// a sort of putrid olive color
var r1 = paper.rect(10, 10, 50, 50).attr("fill", "#999900");

// a putid brown
var r2 = paper.rect(80, 10, 50, 50).attr("fill", "#999900").redder();

// a lovely orange

var r4 = paper.rect(200, 10, 50, 50).attr("fill", "#999900").redder().redder().redder();