テーブル上に接続線を描くのが難しく、助けが必要です。 _html/css_WEB-ITnose

キャンバス

このようなトレンドチャートを作成したい場合は、表内の数字で 2 つのグリッドの間に線 (スラッシュ) を引いて接続します。

ウェブサイト: http://www.55128.cn/zs/1_4.htm


調べてみるとhtml5のcanvasタグが使われているようですが、このタグの付け方が分かりませんラベルの 689eb6eeadac103ea18199f2946329abタグでどうやって使うの？

何か例はありますか？

svg、IE vmlを使う

svgは見たけど、HTMLのf5d188ed2c074f8b944552db028f98a1タグでどうやって使うの？

何か例はありますか？
svg 絶対配置:Absolute;

 <svg width="800px" height="800px"  style="position: absolute; top:0;left:0"   > <line x1="0" y1="0" x2="100" y2="100" style="stroke:red;stroke-width:2"/> <line x1="50" y1="150" x2="100" y2="100" style="stroke:blue;stroke-width:2"/></svg> 	<table> 		<tr><td>1111111111111111111111111111111111111</td></tr> 		<tr><td>1111111111111111111111111111111111111</td></tr> 		<tr><td>1111111111111111111111111111111111111</td></tr> 	</table>

svg、IE vml を使用

svg 見たのですが、HTML の f5d188ed2c074f8b944552db028f98a1 タグで使用するにはどうすればよいですか?

何か例はありますか？
svg 絶対位置決め location:Absolute;

 <svg width="800px" height="800px"  style="position: absolute; top:0;left:0"   > <line x1="0" y1="0" x2="100" y2="100" style="stroke:red;stroke-width:2"/> <line x1="50" y1="150" x2="100" y2="100" style="stroke:blue;stroke-width:2"/></svg> 	<table> 		<tr><td>1111111111111111111111111111111111111</td></tr> 		<tr><td>1111111111111111111111111111111111111</td></tr> 		<tr><td>1111111111111111111111111111111111111</td></tr> 	</table>

これは絶対位置決めのみを使用できますか?各グリッドに番号を付けたtdを取り出して線を繋ぐ場合、この絶対位置座標方式では不便になります。

これは絶対位置決めのみを使用できますか?各グリッドに番号を付けたtdを取り出して線を繋ぐ場合、この絶対位置座標方式では不便になります。
1. offsetTop と offsetLeft を通じて TD から与えられた座標を取得するのはそれほど面倒ではありません
2.データテーブルも svg を使用して描画されています

これは絶対位置指定のみを使用できますか?各グリッドに番号を付けたtdを取り出して線を繋ぐ場合、この絶対位置座標方式では不便になります。
1. offsetTop と offsetLeft を通じて TD から与えられた座標を取得するのはそれほど面倒ではありません
2.データテーブルもsvgで描画されています

ありがとうございます、長い間考えてきましたが、まだ理解できません。HTMLでテストできますが、JSPページに配置すると、表示することはできません。良い。 。