Dojoを使ったクロスブラウザベクターグラフィック
Posted by Technohippy Mon, 25 Dec 2006 09:10:00 GMT
http://www.thinkvitamin.com/features/design/create-cross-browser-vector-graphics 勝手訳
パワフルかつシンプルな方法でクロスブラウザな統合ドローイングAPIを実現するdojo.gfxの紹介。Dojoツールキットの共同製作者であるDylan Schiemannがその方法を説明してくれる。
長い間ウェブ開発者たちは「ブラウザ上で自由に描画するにはどうやればいいんだ？」という問いを発し続けてきた。 この単純な問いは、だけど簡単に答えられるものじゃない。 imageタグはすばらしいし、CSSも驚異的だし、Flashはいい仕事してる。 けどどれもまだ足りない。 10年近くずっと求め続けているのは、自由に描画したり、ウェブサイトの中のブラウザネイティブな形を修正して直角じゃなくしたりする方法だ。 さらに、それを画像編集ツールやサーバーから画像の再読み込みをしたりせずに実現したい。 要は任意の形やスタイルを操作したり、描画したり、イベントを割り当てたりして、リッチで洗練されたウェブUIを作りたいんだ。
XMLHttpRequestやそのほかAJAXやCometテクノロジーが広く使用されるようになってウェブアプリケーションの地平は大きく広がった。 思うに、非同期で、遅延の少ないデータ転送(AJAXとComet)をベクターグラフィックスと組み合わせることで、ウェブアプリケーション開発の世界に新しいチャンスがもたらされるんじゃないだろうか。 これまで発展してきたいろんな種類のイメージテクニックとCSSハックを使ったブラウザベースの描画ソリューションにこんな期待をしているのは明らかに僕以外にもたくさんいるはずだ。
W3CがSVG普及に向けて努力してきた歴史にも関わらず、今のところブラウザベンダーにはほとんどサポートされていない。 Apple, WhatWG, Mozilla, Operaは別々に、もっとシンプルだけどベクタードローの生成APIはそれほど多くはないCanvas機能を扱ってきた。
何年間もフラストレーションが溜まってたけど、ついに十分なサポートを手に入れ、シンプルで統一されたクロスブラウザのドローイングAPIを作ることができた: dojo.gfxはDojoツールキットで一番最近に追加された部分で、それらの目的を非常に強力でありながらシンプルなやり方で実現できる。今のところブラウザサポートにはFireFox 1.5+、Internet Explorer 6+、Opera 9を含む。Safariファンはサポートされてなくて悲しいかもしれないけど、最新のWebKitのナイトリーで実装中で、2007年に公開される次のSafariのメジャーバージョンでは使えるようになると思う。
もし以降の話を省略して実例とソースコードが見たければ、この記事の最後にリソースの一覧がある。そうじゃなければ、ゆっくり座ってコードを楽しんで欲しい！
Read more...