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

キャンバス

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

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

調べてみるとhtml5のcanvasタグが使われているようですが、このタグの付け方が分かりませんラベルの
関連する例がありましたら、アドバイスをいただければ幸いです。ありがとう。

ディスカッション（解決策）への返信

効果は写真の通りです。

svg、IE vmlを使う

svg、IE vmlを使う

svgは見たけど、htmlの

タグでどうやって使うの？

何か例はありますか？

svg、IE vmlを使う

svgは見たけど、HTMLの

タグでどうやって使うの？

何か例はありますか？
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 の

タグで使用するにはどうすればよいですか?

何か例はありますか？
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ページに配置すると、表示することはできません。良い。。

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

ディスカッション（解決策）への返信