実行時に生成された画像 (ほとんどの場合、見栄えの良いボックス、線、およびテキストで構成されています) を Web ページに表示する必要があります。現在、ASP.NET MVC3 を使用しています。
問題は、私はこれまで Web 開発を実際に行ったことがなく、Web ページ上に任意の図を描く方法がわからないことです。ある種のJavaScriptを使用していますか? どのように、そして何を使用しますか? サーバー上で何らかの方法で画像を生成し、単に表示するだけですか? 他の何か？
実際の問題を解決することは言うまでもなく、どこから始めればよいかわかりません...
ターゲットブラウザによって異なります。
最新のブラウザーを対象とする場合は、HTML5 Canvas を使用し、JavaScript を使用して描画できます ( http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/を参照)。
他のブラウザも (同様に) ターゲットにしている場合、おそらく最も簡単な方法は、サーバー側で画像 (GIF/JPG/PNG) を生成することです。次に、HTML ページには、画像を生成して返すページに設定された SRC パラメータを持つ IMG タグが含まれます。このページで例を見つけることができます: http://www.sitepoint.com/generating-asp-net-images-fly/ (これは ASP.NET を使用してイメージを生成します)。
Roy Dictus は、あなたが取りたいと思う全体的なアプローチをかなりよく説明しています。最新のブラウザーをターゲットにして JavaScript を使用する場合は、 Processing.jsを参照することをお勧めします。これは、一般的な Java ライブラリの JavaScript ポートであり、Web ページにはいくつかのコード サンプルがあり、簡単なコードで静的な描画とアニメーションの両方を作成する方法を示しています。