どちらが良いですか? RaphaelJSまたはHTML5 Canvas?
-
10-07-2019 - |
質問
IE6でも動作するベクターライブラリをインターネット上で見つけました!
http://raphaeljs.com/index.html
すごい。
今、私の質問は、今後のHTML5 <!> lt; canvas <!> gt;よりも良いですか?私が尋ねる唯一の理由は、Microsoftが<!> lt; canvas <!> gt;を実装するまでに何年もかかる可能性があることです。実行するためのプラグインは必要ありません。
そして、インターネット上のすべてのIEユーザーが古いブラウザを削除するまではさらに長くなり、HTML5 <!> lt; canvas <!> gt;を使用することさえ正当化できます。
私はすべて標準にこだわるのですが、MSのブラウザ開発が遅いため、これには時間がかかりすぎます。
思考?
解決
RaphaelはSVGを使用して作成されたベクターグラフィックライブラリですが、HTML5キャンバスはビットマップグラフィックです。
ベクターグラフィックスを行いたい場合は、おそらく<!> quot; just <!> quot;よりもRaphaelを選択するのが良い選択だと思います。キャンバス。ご指摘のように、canvasはIEではまったく機能せず、おそらくネイティブにサポートされるまでしばらくかかるでしょう。 Raphaelが必要なことを行う場合、それを使用しない特別な理由はありません。
これには他のライブラリもあることに注意してください:Excanvas、VMLを使用してIEのキャンバスをエミュレートします(私が知る限り)。また、SilverlightとFlashで同じことを行いますが、名前を忘れました。 / p>
Dojoもあります。Dojoには、使いやすいインターフェイスの背後にあるキャンバスの使用を抽象化するコンポーネントがあり、IEもサポートしています。
すべてのブラウザでネイティブキャンバスを使用しても、ライブラリが陳腐化することはありません。これは、通常、ライブラリがキャンバスの複雑さの一部を取り除き、使用を容易にするためです。
他のヒント
SVGWeb( http://code.google.com/p/svgweb/ ) Googleがあなたの望むものです。 IEをSVGと互換性があります。SVGは標準であり、他のすべてのメインストリームブラウザが既にサポートしています。つまり、Googleが言うように、<!> quot;ライブラリとネイティブSVGサポートを使用すると、既存のインストール済みWebベースの〜95%を即座にターゲットにできます。<!> quot;
また、 http://code.google.com/p/explorercanvas/ IEでHTML5 Canvas標準を実装します。追加するだけです:
<head>
<!--[if IE]><script src="excanvas.js"></script><![endif]-->
</head>
CanvasとSVGの違いは次のとおりです。
SVGとキャンバスは実際には違います 交換可能なテクノロジー。 SVGは 保持モードグラフィックのタイプ すべてはむしろから引き出されます 抽象モデル(SVGドキュメント)。 一方、キャンバスは一種の 即時モードのグラフィックス、そこに モデルではなく、クライアントです (JavaScript)の世話をする必要があります 再描画、アニメーションなど
答えは必要なものによって異なります:
-
イベントハンドラーをグラフィックオブジェクトに追加する必要がある場合:SVGを使用する必要があります。その他のキャンバス。
-
イベントが不要な場合はパフォーマンスが重要です:はいの場合はCanvas 5。
IE 9はCanvasをサポートし、他のブラウザーと比較してより多くのHTML 5サポートを提供することに注意してください!
は<!> quot; raphael vs canvas <!> quot;を検索していました。ここの投稿は5歳です。それから何か変わったことがありますか?ラファエルは陳腐ですか?