ないブログに表示されています。新しい記事を書く事で広告が消えます。(Fri)ブラウザ上に図形が描けるcanvasタグ最近のWebアプリでは、グラフを描くツールやお絵かき掲示板など、ブラウザ上で簡単な図形を描くものが増えています。・gifやpngの画像をサーバー側で生成するタイプ・FlashやJavaでクライアント側で描画するタイプの2種類に大別できます。最近になって新たなる手法が広まりつつあります。それが、<canvas>タグ、SVGファイルです。昔にVMLなんてのもありましたが消えつつあります。<canvas>タグとは<canvas>タグは、ブラウザ上に直線や多角形や画像を描画するキャンバスを生成するタグです。Goodiesとかのページにあります。これのメリットは、JavaScriptから直接ブラウザに図形を描けることです。現状では速度面や描画の機能などでは、Flashに到底及びませんが、手軽に使えるのでCGIゲームのインターフェースには便利です。IEはこのタグに対応していません。Googleが開発したExplorerCanvasというJavaScriptをインクルードするだけでIEでも同等の機能が使えます。Cityでも<canvas>を使ってマップを描画しています。マップ上の建物をクリックすると情報を表示する、という機能をつけたのですが、IEで互換性の問題が起こりました。通常、event.offsetXでマウスの座標を取得するのですが(詳しいやりかたは忘れた)、この方法では正しく取得できません。IEでは、canvasに画像を描画した場合、その画像の左上を基準とした座標が返ってきます。canvasに貼った画像が要素として認識されるみたい。Graphics)は、ベクターグラフィックの規格です。ベクターグラフィックは、直線や曲線をベースにした画像のことで、ファイルサイズが小さい、拡大しても汚くならない、というメリットがあります。AdobeのIllustratorはベクターグラフィックを扱うソフトの代表格です。Illustratorは素人が購入できるような価格ではありませんねw。そこで、オープンソースで開発されているInkscapeというソフトがあります。俺はこれを使ってます。現時点ではサーバーでSVGを生成して表示するサービスというのは、ほとんど見られません。IEで表示できないからでしょう...。SilverメールアドレスURLコメントパスワードこの記事へのトラックバックこの記事にトラックバックする:InkscapeについてInkscapeInkscapeは、オープンソースで開発されているベクトル画像編集ソフトウェア(ドローソフト)。純]最新トラックバック金釘流な退屈少年。