svg
文章平均质量分 51
小南瓜地
这个作者很懒,什么都没留下…
展开
-
需求:vue用流程图展示数据
问题描述:如标题所示UI红框的地方本来想用canvas自己写,但是找资料的时候发现了一个插件LeaderLine,非常符合要求,然后发现了一篇文章vue横向树级组件(流程图、组件递归套用了一下,然后按照自己的需求修改了一下。注意点1.弹窗显示的数据,所以有一个层级显示,需要把svg的z-index的值写大一点2. 数据多的时候,弹窗会显示滚动条,这个时候,线条会跟着滚动条移动,需要调用postion()方法,重新定位一下3. 需求里还有一个节点下展示的数据,这个图是用css画的,可以收起或者开原创 2021-12-01 15:44:41 · 3790 阅读 · 1 评论 -
需求:vue+svg实现连线功能
问题描述:如标题所示参考了svg.js和jquery实现连线功能需求:1.右侧两个方框可以合成一个bond,点击bond之后又可以恢复。2.一对一连接3.有回显功能package.json@svgdotjs/svg.js: “^3.1.1”解决方法:svg_style.css.draw-container { position: relative; margin-top: 50px;}.data-list { position: absolute;}原创 2021-12-14 14:24:25 · 4625 阅读 · 3 评论