SVG/CGI/Ruby を実験する

このサンプルは Ruby による CGI プログラムで インタラクティブなSVGのコンテンツを作れることを 示すために作ったものです。

円を描くための SVG タグは <cirlce /> の形で,その中で中心の座標や半径などの属性を指定してやります。 次の CGI は,3個の円を重ね合わせて表示するもので, croczilla.com のサンプルを参考にして作りました。 オリジナルをCGI プログラムにすることで 円の並べ方と色をフォーム入力で変えられるように なっています。CGI プログラムのメソッドは 汎用性を意識して 書いてありますので,改造することは容易でしょう。

次のフォームに適当な値を代入して送信してください。

三角形 直線状
円1の色(00〜ff): R - G - B -
円2の色(00〜ff): R - G - B -
円3の色(00〜ff): R - G - B -