如何在网页中(运用 HTML CSS JS)将表格数据进行连线?

如图:
图片描述

需要将某些单元格的数字进行连线,请给些思路吧~

阅读 6.3k
2 个回答

使用canvas。

首先都要算出斜率,就是倾斜的角度,斜线的长度也可以算出来,勾股定理
先用一条直线等于算出斜线的长度,直线可以使用border来实现,用css3的 transform的rotate属性来倾斜直线,得到斜线
js写法就是写一个通用的实现连线的函数
写一个存所有点坐标的数组,然后用reduce就可以了

也可以使用svg
svg本身是可以通过一些方法嵌入table的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题