寻找一个画线的 html 前端库

2022-08-26 18:04:38 +08:00
 franklinre
可以根据数据画线。
例如:定义一个线段:
item{
int size;//可以定义线段长度
int direction ;//可以定义线段的方向或角度
string text;//可以在这个线段的某个位置放一些文字
}
然后这些 item 可以拼接起来:
let line = item[];

目的是为了形象地表示排队状态.往数组尾部里添加元素表示队伍一直在增长。数组头部删除元素表示该用户已完成业务。
预期效果大概是这样的:
_
| | |
| | |
| | |
| |_|
2125 次点击
所在节点    程序员
12 条回复
franklinre
2022-08-26 18:08:29 +08:00
库 或 代码 都可以。
在 angular 用。
youngforever
2022-08-26 18:17:31 +08:00
划线的不知道,但是感觉 threejs 可以满足你的需求
GreatAuk
2022-08-26 18:22:09 +08:00
svg 自己写吧
des
2022-08-26 18:22:23 +08:00
d3 echarts ,threejs 太重了吧
UIXX
2022-08-26 18:30:45 +08:00
xujianxing
2022-08-26 18:58:14 +08:00
svg or canvas 手撸
lff0305
2022-08-26 20:08:01 +08:00
Raphaeljs
yeqizhang
2022-08-26 21:02:26 +08:00
我第一想法也是楼上那个拉斐尔的库
CrabAss
2022-08-26 21:48:26 +08:00
paper.js
bojue
2022-08-26 21:50:01 +08:00
感觉类似脑图元素的交互就能实现,自己使用 canvas 画吧
franklinre
2022-08-26 21:58:25 +08:00
@UIXX 不多不少,完美匹配需求,很赞。
Manweill
2022-08-27 15:48:44 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/875660

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX