前端之gojs插件的基本使用

gojs是一个前端插件,可以通过代码动态的生成流程图,各自展示图

参考网址:https://gojs.net/latest/index.html

如果你想使用,需要先下载对应的文件

我们能用的到的其实就三个文件

"""
gojs.js  			需要导入的js文件
go-debug.js   会帮你打印错误日志
	上面两个文件就类似于一个是压缩的一个是没有压缩的
	
Figures.js
	gojs.js内部只带了基本的图形 如果你想用更多的如下则需要导入该文件
"""

基本使用

先用div占据一块区域,之后在该区域内生成对应的图标及各种流程图

重要概念

  • TextBlock 文本
  • Shape 图形
  • Node 图形与文本结合
  • Link 箭头

TextBlock

Shape

Node

Link

上述代码只需要看懂即可,无需掌握

数据绑定的方式

如何去除自带的水印

修改go.js/go-debug.js中的源码

1.查找一个字符串:7eba17a4ca3b1a8346,注释所在行

/*a.kr=b.V[Ra("7eba17a4ca3b1a8346")][Ra("78a118b7")](b.V,Jk,4,4);*/

2.添加新的代码

a.kr=function(){return true};

你可能感兴趣的:(前端之gojs插件的基本使用)