JavaScriptインタラクティブ描画ライブラリに関する提案はありますか?線、多角形、さまざまな色のテキストを描く必要があります。IE / Firefox / Opera/Safariと互換性があります。
10 に答える
Raphaelはその点で非常に優れており、VML(MSIEの場合)とSVG(その他すべての場合)を使用するため、ブラウザー間で機能します。
John ResigのProcessing.jsは、そのための優れたフレームワークです。
キャンバスオブジェクトを直接使用して、2Dで描画できます。IEにはexcanvasライブラリが必要です。
http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas
http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htmを試してください。これは私が見つけた中で最高であり(SVGに頼ることなく)、アドインのないほとんどのブラウザーで機能します。
また、mxGraph。これはIEのexcanvasを使用しません。Excanvasは、VMLを使用するよりもはるかに低速です。具体的には、削除するのではなく同じVMLノードを再利用し、再描画のためにDOMノードを追加します。これは見過ごされがちな点ですが、IEのパフォーマンスに関する意見はひどいものです。
jQuery Drawingプラグインを確認してください。また、MozillaCanvasのリファレンスとチュートリアルもご覧ください。
canvas タグを使用してテキストを描画するのは非常に面倒です。オプションは、適切な場所に絶対的に配置された通常の div を使用するか、フォント レイアウト エンジンを検索/作成するか ( example )、またはテキストを描画できる新しい標準が実装されるのを待つことです。SVG はこれをはるかにうまく処理します。
IE にはExplorerCanvasがあり、IE 独自の VML マークアップを使用してキャンバス API をシミュレートします。ただし、ネイティブ VML はパス上でテキストを実行でき、SVG と同じようなことを実行できます。理論的には、複雑なテキスト処理が必要な場合は、Dan が言及した Raphael ライブラリのような SVG と VML が必要になると思います。
開始する前に、Flash を検討することもできます。
必要なクロスブラウザーの程度と出力を実行する目的に応じて、Canvas要素と関連するjavascriptを調べることができます。