使用mxgraph时，在滚轮缩放时，连接线会变形的问题。

iceqijunfei 2016-02-15 12:04:15

如上面两张图所示，第一张图是滚轮缩小之前的，第二张图是缩小后的，这是矢量图，但我希望让它不因放大缩小而让连线发生变化。求大神们支招。

...全文

448 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

海阔山遥-未知何处是潇湘 2016-04-08

打赏
举报

回复

滚动之前获取线条的折点坐标，滚动之后重新绘制一下线条，设置成滚动之前的坐标，如果坐标位置便宜，根据滚动比例算一下。

iceqijunfei 2016-02-17

打赏
举报

回复

有人了解mxgraph吗自己顶上去

iceqijunfei 2016-02-15

打赏
举报

回复

我的qq是576239280，如果哪位大神有意帮忙，欢迎联系我，可详谈。

mxGraph 滚轮缩放先放结论 var graphContainer = document.getElementById('mxGraph'); var graph = new mxGraph(graphContainer); // 滚轮缩放事件 mxEvent.addMouseWheelListener(function (evt, scrollUp) { if (scrollUp) { // 如果是向上滚滚轮，放大 graph.zoomIn(); } else {

// 重写鼠标滚轮事件 mxEvent.addMouseWheelListener = function (funct) { } // 添加初次载入事件 window.onload = function () { var element= document.getEleme...

// 重写鼠标滚轮事件 mxEvent.addMouseWheelListener = function (funct) { } // 增加初次加载事件 window.onload = function () { var element= document.getElementById('graph'); addScrollListener(element, wheelHa

节点未设置父子关系时，其坐标及宽高信息存储于节点的geometry几何信息对象中，其坐标x y是相对于整个画布的原点，这被称为绝对坐标也可以叫做世界坐标。节点被设置父子关系后，子节点的几何信息中存储的x y 是以父节点的左上角为原点的坐标系的坐标信息，这被称为相对坐标。在有些时候需要可以拖拽移动节点，但是不能移动连线，如果只是禁止连线可被编辑，连线仍然可以移动。引导线是在拖拽平移节点时的虚线，用于引导X轴Y轴的90°方向。

本文详细介绍了在Vue项目中集成mxGraph库以构建专业流程图编辑器的核心技巧。内容涵盖从零开始的库引入、画布初始化，到深度定制样式与交互（如滚轮缩放、双击编辑），并重点解析了实现侧边栏节点拖拽生成、自定义连线规则、右键菜单等核心交互功能的实战代码。文章还探讨了自动布局、数据序列化与性能优化等高级主题，帮助开发者快速掌握这一强大的流程图工具。

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章