Akasata's Page - プログラミング、ピアノ、歴史のページ
(RSS2.0) | 自己紹介 | スカウター : Akasata's Page(あかさたのページ)
あかさたの最近の仕事

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

検索

 

Twitter Status


follow akasata at http://twitter.com

人気エントリ

新着エントリ

カテゴリ

コンテンツ

リンク

新着コメント

トラックバック

ブログパーツ

管理者用

ToDo リスト