45

JavaScriptインタラクティブ描画ライブラリに関する提案はありますか?線、多角形、さまざまな色のテキストを描く必要があります。IE / Firefox / Opera/Safariと互換性があります。

4

10 に答える 10

47

Raphaelはその点で非常に優れており、VML(MSIEの場合)とSVG(その他すべての場合)を使用するため、ブラウザー間で機能します。

于 2008-09-18T20:26:32.177 に答える
15

John ResigのProcessing.jsは、そのための優れたフレームワークです。

于 2008-09-18T20:24:51.120 に答える
8

キャンバスオブジェクトを直接使用して、2Dで描画できます。IEにはexcanvasライブラリが必要です。

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

于 2008-09-18T20:23:41.077 に答える
3

http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htmを試してください。これは私が見つけた中で最高であり(SVGに頼ることなく)、アドインのないほとんどのブラウザーで機能します。

于 2008-09-18T20:25:33.320 に答える
2

また、mxGraph。これはIEのexcanvasを使用しません。Excanvasは、VMLを使用するよりもはるかに低速です。具体的には、削除するのではなく同じVMLノードを再利用し、再描画のためにDOMノードを追加します。これは見過ごされがちな点ですが、IEのパフォーマンスに関する意見はひどいものです。

于 2011-02-18T15:18:50.557 に答える
2

jQuery Drawingプラグインを確認してください。また、MozillaCanvasのリファレンスとチュートリアルもご覧ください。

于 2008-09-18T20:33:27.653 に答える
2

canvas タグを使用してテキストを描画するのは非常に面倒です。オプションは、適切な場所に絶対的に配置された通常の div を使用するか、フォント レイアウト エンジンを検索/作成するか ( example )、またはテキストを描画できる新しい標準が実装されるのを待つことです。SVG はこれをはるかにうまく処理します。

IE にはExplorerCanvasがあり、IE 独自の VML マークアップを使用してキャンバス API をシミュレートします。ただし、ネイティブ VML はパス上でテキストを実行でき、SVG と同じようなことを実行できます。理論的には、複雑なテキスト処理が必要な場合は、Dan が言及した Raphael ライブラリのような SVG と VML が必要になると思います。

開始する前に、Flash を検討することもできます。

于 2008-09-18T20:30:47.050 に答える
2

上で述べたように、キャンバスはあなたが行くべき道です。IE はネイティブでサポートしていないため、ExCanvasをダウンロードしてブラウザー間の互換性を確保する必要があります。canvas タグを使用するプロジェクトについては、Ajaxianを参照することをお勧めします。

于 2008-09-18T20:31:17.017 に答える
1

必要なクロスブラウザーの程度と出力を実行する目的に応じて、Canvas要素と関連するjavascriptを調べることができます。

キャンバス

于 2008-09-18T20:24:52.523 に答える
0

D3.js

D3.js は、データに基づいてドキュメントを操作するための JavaScript ライブラリです。D3 は、HTML、SVG、および CSS を使用してデータに命を吹き込むのに役立ちます。D3 は Web 標準に重点を置いているため、強力な視覚化コンポーネントと DOM 操作へのデータ駆動型アプローチを組み合わせて、独自のフレームワークに縛られることなく、最新のブラウザーの全機能を利用できます。

こちらの対談もご覧ください。

于 2015-05-27T14:04:29.483 に答える