【Raphael.js】Raphaelでグラデーション背景を作る方法

画面いっぱいにrectを広げるだけ？

はい。これだけです。ただ、ウィンドウサイズの変更に応じてストレッチさせたいので、サンプルではjQueryを使用してwindowサイズを取得し、ウィンドウがリサイズされたタイミングでrectエレメントのサイズも変更しています。

実行結果

解説

あとはこの背景の上に色々おいていけば良いわけです。めでたしめでたしです。ここではテクニックとしてscale関数を使用しています。