简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
如何在网页中（运用 HTML CSS JS）将表格数据进行连线？
代言
代言 2017-03-03 09:27:42
0
1
1448

906264227-58b850cfdbe0d_articlex.png

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

代言
代言

reply all (1)
大家讲道理
大家讲道理2017-03-03 09:28:07 1 floor

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

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

Like+0
Add Reply
    Popular Topics
    More>
    Popular Articles
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！