graphics - HTML キャンバスを介した 2D グラフィックスで成功したことがありますか?

Question

HTML キャンバス要素を介してリッチな 2D グラフィックスをレンダリングする Web アプリケーションの成功談と失敗談を探しています。興味深い例をオンラインでいくつか見たことがありますが、このアプローチを使用して行われた実際の実用的な開発例について学びたいと思いました。

Answer 1

あなたが探しているものではないかもしれませんが、GWT-canvasはチェックする価値があります。少なくともそれは HTML Canvas プロジェクトです。

Answer 2

canvas タグを使用した採点アプリケーションがありました。講師は成績の新しい曲線を設定でき、私はその変化に基づいて各成績を取得する学生の数のヒストグラムを表示します。

このようにして、インストラクターは曲線が期待どおりかどうかを簡単に確認できるため、希望する形状を得ることができました.

また、canvas タグを使用して、後で実際のビットマップ イメージに変換できるイメージをデザインしました。これにより、ユーザーからのフィードバックに基づいて、どのイメージが最適かを簡単に実験して決定することができました。ビットマップ イメージを正しいサイズと外観にするよりも、canvas タグを使用して変更する方が簡単です。

Answer 3

私にとってキッカーはテキストです。ベクター グラフィックスとテキストをレンダリングする必要があります。

したがって、私は SVG を好みます。

とはいえ、単純なグラフィックでも複雑なグラフィックでも、CANVAS は優れたツールです。