あかさたの最近の仕事
VML と SVG の調査(編集)
JavaScript と VML/SVG を使用して Kodougu のクライアントを開発できるか、以下の観点から検証する。・ 描画能力(機能)
・ パフォーマンス
・ JavaScript との連携
- ----
○ 描画能力(機能)
・ 基本的な図形(矩形、角丸の矩形、楕円、折れ線、ポリゴン、テキスト)が描画できるか?
VML、SVG ともに問題なし。
・ アフィン変換は可能か?
SVG は可能。VML はできないが回転、拡大は可能。
・ JavaScript から DOM に含まれる値を操作できるか?
VML、SVG ともに問題なし。
○ パフォーマンス
SVG、VML ともにマウス操作に対する反応速度は問題なし。複雑な図形でも、一度表示してしまえば、マウスによるドラッグも軽快に動作。
表示にかかる時間は、今のところ問題は見えていないが、複雑な図形が多数存在するとどうなるかわからない。
○ 既存のライブラリとの互換性
VML はスタイルシートがそのまま使えるため、script.aculo.us などを使って、マウス操作(ドラッグアンドドロップなど)を実現することが可能。
SVG は座標、サイズはスタイルシートでは設定できないため、既存のライブラリを使うことができない。
■ 動作結果
非常に簡略化した結果を以下に掲載。
script.aculo.us を使って SVG や VML の要素を動かす
また、動作例(動画)を以下に掲載。
最新の Kodougu
