2012-02-07 6 views
0

ウェブページ上にランタイム生成画像(主に見栄えの良いボックス、線、テキストで構成)を表示する必要があります。私たちは現在、ASP.NET MVC3を使用しています。ウェブページ上に任意の画像を描く

問題は、前もってWeb開発を行っていないし、Webページ上で任意の図を描画する方法がわからないということです。私は何らかのjavascriptを使用していますか?どのように使用すればいいですか?私は何らかの形でサーバー上にイメージを生成し、単純に表示しますか?他に何か?

私はそれがターゲットブラウザに依存

+0

私は、サイトディレクトリから任意の/ランダムな画像を取得したjavascriptを使用することをお勧めします。事前に定義しなければならないドキュメントゾーンに配置します。 – Bry6n

+0

もう少し説明する必要があります。 – thecoop

+0

の前にjavascriptで実際に作業したことはありません。@Roy Dictusをご覧ください。基本的に、それらの記事は私が提案したことをする方法を教えてください。 – Bry6n

答えて

2

...でも、実際の問題を解決するどころか、開始するには見当がつかない。

最新のブラウザをターゲットにしている場合は、HTML5キャンバスを使用して、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を使用して画像を生成します)。

+0

後でいくつかのインタラクティブ機能を追加したい場合はどうしたらいいですか? – thecoop

+0

それから、まったく別の話です。それから私はHTML5インタラクティビティかSilverlightかFlashを見ます。 –

+0

@thecoopの場合は、タグまたは画像をドロップするために使用するタグのonClick(onClick = "theFunction()")属性を設定するだけです。次に、その機能で何が起こるかをプログラムします。 – Bry6n

1

ロイ・ディクタスは、あなたが取っておきたいと思う全体的なアプローチをかなりよく説明しました。最新のブラウザをターゲットにしてjavascriptを使用することを決めた場合は、Processing.jsをご覧ください。これは一般的なJavaライブラリのjavascriptポートです。このWebページには、簡単なコードで静的図面とアニメーションの両方を作成する方法を示すコードサンプルがいくつかあります。

関連する問題