可拖拽的拓扑图控件

topology 说明

基于raphael.js实现的,可拖拽的拓扑图控件,支持圆形,横版树形,垂直树形三种暂时方式,图形,字体,画布大小,连接线等等所有东西都可以配置

参数配置

//初始化参数,一下为默认值,可选择性自定义, /*var initparam = { node: '#svg-container-edit',//node:#加画布外层divID width: 600, //画布宽度 height: 600, //画布高度 nodecirclemax: 30, //节点半径最大值 nodecirclemin: 20, //节点半径最小值 nodestrokecolor: '#3F3E3E', //节点轮廓颜色 默认 nodestrokewidth: 0.5, //节点轮廓粗细 nodeTextColor: '#fff', //节点中字体的颜色, nodeTextSize: '14px', //节点中字体的大小 nodeTextWeight: '600', //节点中字体的粗细 paperFilletStroke: "#666",//画布圆角轮廓颜色 paperFilletRadius: 10,//画布圆角半径 mode: 'edit', //edit为可移动 view为不可移动 totallevel: 5, //总层数 showstyle: 'tree_H', //展示风格 doughnut:圆环图;tree_H:横向树形图;tree_V:垂直树形图 lintwidth: '2px', // 链接线宽 lintcolor: '#C6D9EC', // 链接线宽 middlePiont: 9, // 链接线中间点半径 middlePiontFill: '#BED8EC', // 链接线中间点填充颜色 middlePiontStroke: '#C6D9EC', // 链接线中间点轮廓颜色 middlePiontText: '?', // 中间点内文本 middlePiontTextColor: '#fff', // 中间点内文本颜色 } */

此为2014年做的一个控件发布在 JCSDN , 后来CSDN密码忘记了,最近整理电脑中的文件,偶然看见这个项目,随即整理了一下并提交到了gitlab

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。