遇到在表格上画连接线的问题，需求助。_html/css_WEB-ITnose

canvas

想做一个类似这样的走势图，在表格中有数字的两个格子之间画一条线（斜线）用于连接。

网址：http://HdhCmsTest55128.cn/zs/1_4.htm


看了一下，貌似用到的是html5 canvas标签，但是我不明白的就是如何将此标签运用于 标签上。

如果各位大神有相关示例，希望指教。谢谢。

回复讨论(解决方案)

效果如图。

用svg , IE vml

用svg , IE vml

svg 看到了，但是怎么使用在html 的 标签之上？

有示例么？

用svg , IE vml

svg 看到了，但是怎么使用在html 的 标签之上？

有示例么？
svg 绝对定位 position: absolute;

        	  		  1111111111111111111111111111111111111   		  1111111111111111111111111111111111111   		  1111111111111111111111111111111111111   	  

用svg , IE vml

svg 看到了，但是怎么使用在html 的 标签之上？

有示例么？
svg 绝对定位 position: absolute;

        	  		  1111111111111111111111111111111111111   		  1111111111111111111111111111111111111   		  1111111111111111111111111111111111111   	  

这个只能用绝对定位么？如果说每个格子中有数字的td取出来相连线，那么这种绝对定位坐标方式就用着不方便了。

这个只能用绝对定位么？如果说每个格子中有数字的td取出来相连线，那么这种绝对定位坐标方式就用着不方便了。
1。 取要连TD给的坐标,通过 offsetTop,offsetLeft取坐标，也不是很麻烦
2。 数据表格也是用svg 来画

这个只能用绝对定位么？如果说每个格子中有数字的td取出来相连线，那么这种绝对定位坐标方式就用着不方便了。
1。 取要连TD给的坐标,通过 offsetTop,offsetLeft取坐标，也不是很麻烦
2。 数据表格也是用svg 来画

谢谢了，琢磨了半天也没琢磨出来，在HTML中测试都行，一旦放入JSP页面中，就无法显示了。唉。。

查看更多关于遇到在表格上画连接线的问题，需求助。_html/css_WEB-ITnose的详细内容...