2006-08-25 (金) [長年日記]
_ tDairy 用図形描画プラグイン
ダウンロード - figure.rb
tDiary で図形を描画するプラグインです。IE6, Firefox1.5, Opera9 に対応しています。未確認ですが、Safari2 でも動くかもしれません。
Wiki スタイルの場合は以下のように使います。
{{figure <<-FIG Size 320,240; LineWidth 10; Line 20,20 250,220 180,50; LineWidth 1; StrokeColor #FF0000; FillOpacity 0.3; Area 100,20 80,200 300,120; LineWidth 3; StrokeColor #000000; FillOpacity 0; Circle 160,120 100; FIG }}
これは、以下のように表示されます。
Size 320,240;
LineWidth 10;
Line 20,20 250,220 180,50;
LineWidth 1;
StrokeColor #FF0000;
FillOpacity 0.3;
Area 100,20 80,200 300,120;
LineWidth 3;
StrokeColor #000000;
FillOpacity 0;
Circle 160,120 100;
描画コマンドは、メソッド名と引数をスペースで区切って並べます。各コマンドはセミコロンで区切ります。メソッド名は以下のものが使用できます。座標の単位はすべてピクセルです。
Size | 描画エリアの大きさを設定します。width,height 形式です。このコマンドを最初に記述しないと描画されません。 |
StrokeColor | 線の色を設定します。#rrggbb 形式です。 |
StrokeOpacity | 線の透明度を設定します。0.0(透明)〜1.0(不透明)です。 |
FillColor | 塗りの色を設定します。#rrggbb 形式です。 |
FillOpacity | 塗りの透明度を設定します。0.0(透明)〜1.0(不透明)です。 |
LineWidth | 線の幅を設定します。 |
Line | 線を描画します。x,y 形式の座標値を並べます。 |
Area | 面を描画します。x,y 形式の座標値を並べます。 |
Circle | 円を描画します。x,y 形式の座標値と半径を指定します。 |
描画エリアの位置や枠などのスタイルを変更したい場合は、CSS で div.tdiary-figure を指定してください。
_ 今日のアニメ
- ふたりはプリキュア#45/46
- なぎさとほのかのクラスが出場する合唱コンクールに、闇の戦士たちが現れる。