连线歪斜需按住Shift拖拽端点启用正交约束,或双击修改sourceAnchor/targetAnchor坐标;布局卡死应禁用hidden节点、调小nodeSize、对中心节点设fixed:true;SVG模糊要开启exportHighDPI并改字体为sans-serif;合并冲突须手动设稳定ID、优先解决edges数组内对象冲突。
连线时节点自动吸附但关系线歪斜,怎么调准?
designer 默认开启磁吸对齐,但拖拽过程中容易因坐标精度或缩放比例导致 relation line 偏离预期路径。这不是 bug,是渲染层对贝塞尔控制点的简化处理。
- 按住
Shift拖拽连线端点,强制启用正交/45°角约束(仅限支持该模式的 Designer 版本,如 v2.8+) - 双击已存在的连线,在弹出的属性面板中手动修改
sourceAnchor和targetAnchor坐标值(单位为像素,建议用整数) - 避免在
zoom < 0.7下精细调整——此时 canvas 坐标映射失真明显,先放大到 1:1 再操作
布局算法一跑就卡死或堆叠成一团,哪些参数能救急?
内置的 forceLayout 或 hierarchicalLayout 在实体数超 50 个、关系密度 > 3.5 时极易失效。关键不是换算法,而是预筛干扰项。
- 导出前先禁用所有
hidden属性为true的节点(Designer 不会跳过它们的计算) - 把
nodeSize从默认80改成64或48,减少碰撞检测开销 - 对高连通度中心节点(如
User、Order),手动设fixed: true,防止布局器反复重排其邻接子图
导出 SVG 后文字模糊、连线虚化,跟 Designer 设置有关吗?
不是渲染问题,是导出时未匹配设备像素比(DPR)。Designer 默认按 1x 导出,但多数屏幕是 2x 或更高。
- 导出前在设置里打开
exportHighDPI开关(v3.1+ 支持,旧版需手动改配置文件中的export.dpi) - 若仍模糊,检查字体:Designer 对
font-family为"PingFang SC"或"Microsoft YaHei"的文本会降级渲染,临时换成"sans-serif" - SVG 中的
stroke-dasharray值若为小数(如1.5,2),部分浏览器会抖动,统一改为整数如2,2
多人协作时模型文件合并冲突,连线关系总丢,怎么保关联不崩?
Designer 的 .json 模型文件里,edges 数组靠 source/target 字符串 ID 绑定,但 ID 生成策略依赖本地时间戳——不同人保存时 ID 极易重复或错位。
- 团队约定:所有实体节点必须手动设置稳定
id(如"user_entity"),禁止依赖自动生成的"node_1723456789"类 ID - 用 Git 合并时,优先解决
edges数组内的对象冲突,而不是删掉整个数组再重连——丢失的是语义,不是图形 - 上线前跑一次校验脚本:
check-edges-integrity.js(可从 Designer CLI 工具链里提取),它会报出所有悬空source或target
实体关系图不是画得好看就行,真正难的是让每根线背后的数据契约不被视觉操作悄悄覆盖。ID 稳定性、导出 DPI、锚点精度——这些点不在界面显眼处,但改错一个,下游系统就可能读错关联逻辑。










