Chapter 7: Redder

by Stéphane Cabaret

JavaScript

Raphael.el.redder = function() {
    var rgb = Raphael.getRGB(this.attr("fill"));
    rgb.r += 100;
    this.attr("fill", "rgb(" + rgb.r + "," + rgb.g + "," + rgb.b + ")");
}
var paper = Raphael(0, 0, 500, 500);
var c =paper.text(50,150,"texfft");
// a sort of putrid olive color
var r1 = paper.rect(10, 10, 50, 50).attr("fill", "#888888");

var rgbd = Raphael.getRGB(r1.attr("fill"));
var d=paper.text(50,170,rgbd);

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


var rgbe = Raphael.getRGB(r1.attr("fill"));
var e=paper.text(50,180,rgbe);


// a lovely orange
var r3 = paper.rect(150, 10, 50, 50).attr("fill", "#888888").redder().redder();

var c =paper.text(50,150,"texted");