![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 90
加冰 麋鹿的二狼
这个作者很懒,什么都没留下…
展开
-
在Vue中使用gojs
在Vue中使用gojs 的两种方式 普通使用 <!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas { ...原创 2019-11-28 19:58:47 · 1513 阅读 · 0 评论 -
gojs Node 中文文档
PS:整篇Node节点的翻译校对编写大概花了接近十个小时吧,其中大部分时间花在API 翻译过后描述又不是是很直白,甚至语义错误,一点点调整校对,其中大部分API都一个个自己使用测试一遍了解其实现效果,再根据描述编写,如果有不正确的请在评论区指出。HierarchyGraphObject Panel Part Node Group 节点是...原创 2019-11-12 21:05:52 · 6018 阅读 · 0 评论 -
gojs DiagramEvent 图表事件中文文档
图表事件Hierarchy图表事件图表事件是比输入事件更抽象的事件. 它们是在图表类上触发的. 可以通过调用Diagram.addDiagramListener. 在图表上注册一个图表侦听器来接收此类事件.调用侦听器函数时,将传递一个图表事件实例. 使用name属性确定它是哪种图表事件.图表属性引用图表, 您可以从中获得附加信息,例如Diagram.lastInput,反过来...原创 2019-11-11 17:42:16 · 1959 阅读 · 2 评论 -
gojs-go.Panels(面板元素)
//官网例子更好Auto布局myDiagram.nodeTemplateMap.add("Auto布局", $(go.Node, $(go.Panel, "Auto", { background: "#F5F5F5" }, $(go.Shape, "RoundedRectangle", { width: 1...原创 2019-02-28 17:46:48 · 3248 阅读 · 7 评论 -
gojs 关于validCycle 没有验证api创建的线的解决方案
在画布定义中,设置validCycle的验证规则,只能对用户在手动在画布上绘制线进行验证,如果是addLinkData添加的线则没有生效,所以我们需要在addLinkData前先判断一下是否符合validCycle的验证规则,符合才允许添加主要用到的有toolManager.linkingTool工具基类中的isValidCycle验证函数 isValidCycle(f...原创 2018-10-16 10:50:58 · 490 阅读 · 0 评论 -
gojs 删除前事件SelectionDeleting的使用
根据对象数据进行判断节点、线是否可以删除的时候 使用PS:GOJS 1.6~1.9.?,2.0以后e.cancel = true不能使用以下例子为根据key 判断是否可以删除,如不允许删除,设置e.cancel = true;即可//监听节点或线的删除前事件myDiagram.addDiagramListener("SelectionDeleting", function(e) {...原创 2018-09-28 09:41:40 · 3785 阅读 · 5 评论 -
gojs径向布局
gojs径向布局官网例子https://gojs.net/latest/samples/radial.html需要引入官网的RadialLayout.js文件<script src="js/RadialLayout.js"></script>最大圈数定义 maxLayers:2 每圈半径定义 layerThickness:100 节点...原创 2018-08-29 18:51:50 · 1331 阅读 · 0 评论 -
gojs常用API-节点定义
节点定义node中文文档入口公用属性所有节点块定义都能通用的属性属性 描述 属性值(NaN为自适应,其他值为举例) minSize 最小范围 new go.Size(50, NaN)或new go.Size(50, 200) maxSize 最大范围 同上 width 宽 height 高 ma...原创 2018-12-27 14:35:04 · 19915 阅读 · 9 评论 -
gojs常用API-diagram图表操作
持续更新中,暂时就不写案例了。。。虽然写得不乍地,转载请附上源链接啊PS:在本文中,node为节点对象,node.data为节点数据画布获取当前画布的json myDiagram.model.toJson(); 加载json刷新画布 myDiagram.model = go.Model.fromJson(model); 删除选中节点或线 myDiagram....原创 2018-07-23 11:30:02 · 8414 阅读 · 4 评论 -
gojs常用API-diagram图表定义
持续更新中基础画布定义API 画布初始位置 initialContentAlignment: go.Spot.Center, 画布位置,定义后就不能拖动画布了,画布位置交由gojs管理 contentAlignment:go.Spot.Center, 初始坐标 initialPosition:newgo.Point(0,0) 禁止移动节点 ...原创 2018-07-16 16:14:07 · 11463 阅读 · 13 评论 -
gojs入门笔记
gojs定义分三大块 画布定义,常用API var $= go.GraphObject.make;//简洁定义GOJS 对象方便使用myDiagram =$(go.Diagram, "绑定画布的DivId",{ //画布定义 initialContentAlignment: go.Spot.Center//居中});//添加画布的全局监听事件(属于画布定义,也能以......原创 2018-07-16 15:19:44 · 3524 阅读 · 1 评论