0

asp.net の背後にあるコードから動的に html の画像に示されているようなグラフを生成したいと考えています。

ここに画像の説明を入力

それらは、各ブロックの左上にある一意のシリアル番号であり、10 のチャートで一意で合計 1000 になります。

それが、私が試したにもかかわらず、1000ブロックをハードコーディングするのが非常に難しい理由です。

<DIV STYLE="position:absolute; top:9px; left:12px; width:200px; height:25px">
<IMG SRC="bricks.png" width="250px" height="45" >
<DIV STYLE="position:absolute; top:0px; left:5px; width:200px; height:25px">
<FONT SIZE="+0" COLOR="00ff00">0001</FONT>
</DIV>
</DIV>


<DIV STYLE="position:absolute; top:9px; left:270px; width:200px; height:25px">
<IMG SRC="bricks.png" height="45" width="150px">
<DIV STYLE="position:absolute; top:0px; left:5px; width:200px; height:25px">
<FONT SIZE="+0" COLOR="00ff00">0002</FONT>
</DIV>
</DIV>
<br>


<DIV STYLE="position:absolute; top:9px; left:12px; width:200px; height:75px">
<IMG SRC="bricks.png" height="45" width="150px">
<DIV STYLE="position:absolute; top:50px; left:5px; width:200px; height:25px">
<FONT SIZE="+0" COLOR="00ff00">0003</FONT>
</DIV>
</DIV>

また：

 <IMG SRC="bricks.png" height="45" width="150px">
 <DIV STYLE="position:absolute; top:9px; left:270px; width:200px; height:25px">
    <FONT SIZE="+0" COLOR="00ff00">0002</FONT>
 </DIV>
4

3 に答える 3

1

リテラル コントロールを実際に見てみましょう。これを使用して HTML を書き出すことができます。リテラル コントロールは、実行時に置き換えられます。 Asp Literal これも MSDN Literal Controls Explainedで見つけました

于 2013-08-19T08:14:50.603 に答える
1

www.asp.netでいくつかのチュートリアルを実行して、asp に慣れ、html がページにレンダリングされることをお勧めします。

これは、html レンダリングを繰り返す必要がある場合にページをレンダリングするために使用できる foreach ループを使用する基本的な例です。

http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx

于 2013-08-19T07:36:58.920 に答える