前端之gojs插件的基本使用

2021-04-14 16:28

阅读:516

标签:lips   test   内容   结合   dia   block   prope   div   adl   

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插件的基本使用

标签:lips   test   内容   结合   dia   block   prope   div   adl   

原文地址:https://www.cnblogs.com/guapitomjoy/p/12375177.html


评论


亲,登录后才可以留言!