素材巴巴 > 程序开发 >

easyflow 流程图 画布 原点坐标系

程序开发 2023-09-07 23:04:54

根据position定位画布,使画布定位于容器右下角


# eastflow

中心坐标系不用考虑流程图画布是否够用,拖拽节点时可自动增加画布大小
 

在这里插入图片描述

代码


 

修改节点可拖拽的边界(jsplumb.js 约在1813行左右)

 var _setConstrain = function(value) {constrain = typeof value === "function" ? value : value ? function(pos, dragEl, _constrainRect, _size) {// 最大的xy值  画布width的一半const { canvasHeight, canvasWidth } = flowStore.state.flowSize;// 当前xyconst x = Math.min(canvasWidth - _size[0], pos[0]);const y = Math.min(canvasHeight - _size[1], pos[1]);// 拖拽范围 不可超出画布范围return negativeFilter([Math.max(-canvasWidth, x),Math.max(-canvasHeight, y)]);}.bind(this) : function(pos) { return negativeFilter(pos); };}.bind(this);
 

标签:

上一篇: android组件化页面跳转策略 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。