2009-06-04 7 views
11

html5要素のキャンバスには、クロスブラウザ(恐ろしいIE6を含む)で動作するjavascriptを使用して六角形などの図形を描く良い選択肢はありますか?Javascriptでの図形のペイント

これはjQueryとjQuery maphighlightを使用していますが、最初にレンダリングした後で形状と色を操作するのに十分な可能性はありません。

jQuery maphighlightにいくつかの機能がないか、jQueryまたはmootoolsのプラグインがありますか?

答えて

25

RaphaelJSをご覧ください。これは、Canvas、SVG、およびVML(IE6で使用されるSVGに先行するIEのみのベクトルマークアップ言語)を中心としたJavaScript、クロスブラウザラッパーライブラリです。 RaphaelJSを使用すると、非常に幅広いブラウザと互換性のあるJSを使用して、非常に幅広いベクトルグラフィックスを生成できます。

http://raphaeljs.com/

RaphaelJSもjQueryを使って非常に互換性があり、そしてあなたはjQueryので見る同じコールチェーンの多くを、次の。 2人は素晴らしいペアを作る。

+0

これは非常に有望に見える – elzapp

+0

その素晴らしい図書館です。私はシンプルなJavaScriptベースのグラフ、チャート、および図を作成するためにいくつかの機会にそれを使用しました。そのシンプルで、Canvas、SVG、および/またはVMLのすべての機能をあなたに提供するわけではありませんが、ほとんどの場合に便利です。 – jrista

+0

これはすばらしいことで、本当に私の問題を釘付けにしました:D – elzapp

1

私はいつもjavascriptへのprossessingポートが好きです。 hereは、物を描くのにはとても良いことが分かります。おそらくあなたはそれをチェックすることができます。 jqueryのアドオンではありませんが、非常に強力です。

それは

:(かかわらHTML5キャンバス要素を使用して、いくつかのバージョンの前にそれは、それが以前のものに既に移植されている場合、私は知りません。新しいブラウザで働いていたん。


divsを使用して描画を行う他のAPIの1つがthis oneです。制限付きのものを描画したい場合は使用しても問題ありませんが、描画量が増えるとHTMLのサイズが大きくなりますビット重い

2

有名人もありますキャンバスペインター。

http://caimansys.com/painter/

+0

しかし、それはIE6で動作しますか? – elzapp

+0

はい、それはサー! –

2

Raphaelを試してみてください。

現在、RaphaëlはFirefox 3.0以降、Safari 3.0以上、Opera 9.5以上、Chrome 2.0以上、Internet Explorer 6.0以上をサポートしています。

+0

これは非常に有望に見える – elzapp

1

Ample SDKにあるSVG実装をInternet Explorerでも使用できます。標準ベースのAPI(DOM Level 2/3)とマークアップ表記(SVG1.2 Tiny)を取得します。ここで

は例のペアです:

  1. SVG Tiger
  2. SVG+SMIL/DOM
関連する問題