Navicat 导出 SVG 外键连线丢失的根本原因是模型未加载外键元数据，需启用“加载外键”选项、重建模型、执行自动布局后导出；另需注意字段注释干扰、viewBox尺寸缺失及连线透明度问题。
Navicat 导出 SVG 后外键连线丢失，根本原因是导出时未加载外键元数据
Navicat 的「导出为 SVG」动作只输出当前画布上已渲染的图形结构，而不会重新查询数据库获取外键关系。如果模型创建时没启用「加载外键」，图里压根就没有连线——导出自然为空白。这不是 SVG 渲染问题，是源头数据缺失。
确认方法：在 Navicat 中打开该 ER 图，右键空白处 → «刷新»，看连线是否出现。若仍无，则说明模型本身没加载外键。
- 必须先勾选
工具 → 选项 → 模型 → 加载外键，然后重启 Navicat - 重启后，右键数据库 → «逆向表到模型» 重建整个模型（不能只刷新）
- 重建完成后，手动执行
Layout → Organize Diagram再导出，否则连线位置可能错乱
导出 SVG 后连线显示不全，常见于字段别名或注释干扰布局
Navicat 在生成 SVG 时会把字段名、类型、注释等全部转为文本节点嵌入。若字段注释含换行符、HTML 实体（如 &）、或过长的中文别名，部分浏览器（尤其是 Firefox）解析时会截断或跳过后续 <path></path> 元素，导致连线“消失”而非断裂。
- 导出前，在 ER 图中右键 → «Options» → 将
Show column comments设为None - 检查字段别名是否含不可见字符（如零宽空格），可用 VS Code 打开 .mwb 文件搜索
\u200b - 避免在字段名中使用
、<code>>、&，改用英文下划线替代
Firefox / Safari 打开 SVG 连线错位，本质是 viewBox 与 width/height 不匹配
Navicat 导出的 SVG 默认只设 viewBox，不写 width 和 height 属性。Firefox 和 Safari 严格遵循 SVG 2.0 规范，遇到无显式尺寸的 <svg></svg> 标签时，会将内部 <line></line> 和 <path></path> 的坐标按 1:1 映射到 0×0 容器，结果就是所有连线坍缩在左上角一个像素点。
- 用文本编辑器打开导出的 .svg 文件，在首行
<svg> 标签内手动添加：<code>width="1600" height="1200"（数值按实际画布大小估算） - 更稳妥的做法：导出前在 Navicat 中调整画布尺寸（右键 → «Canvas Properties» → 修改
Width/Height），再导出 - 验证方式：在 Chrome 中能正常显示，但在 Firefox 中连线挤成一团 → 基本可锁定为此问题
连线颜色变浅或不可见，是 Navicat 默认用了透明度叠加
Navicat 16+ 导出 SVG 时，为模拟阴影效果，给连线设置了 stroke-opacity="0.7" 和较细的 stroke-width="1"。在高 DPI 屏幕或缩放查看时，这类低透明度细线极易被忽略，看起来像“没画出来”。
- 导出后用文本编辑器批量替换：
stroke-opacity="0.7"→stroke-opacity="1" - 同时把
stroke-width="1"改为stroke-width="2"，增强视觉权重 - 若需保留原风格，建议直接导出 PNG（分辨率设为 300dpi）而非依赖浏览器渲染 SVG
