Navicat 导出 SVG 外键连线丢失的根本原因是模型未加载外键元数据，需启用“加载外键”选项、重建模型、执行自动布局后导出；另需注意字段注释干扰、viewBox尺寸缺失及连线透明度问题。
Navicat 导出 SVG 后外键连线丢失，根本原因是导出时未加载外键元数据
Navicat 的「导出为 SVG」动作只输出当前画布上已渲染的图形结构，而不会重新查询数据库获取外键关系。如果模型创建时没启用「加载外键」，图里压根就没有连线——导出自然为空白。这不是 SVG 渲染问题，是源头数据缺失。
确认方法：在 Navicat 中打开该 ER 图，右键空白处 → «刷新»，看连线是否出现。若仍无，则说明模型本身没加载外键。
- 必须先勾选
工具 → 选项 → 模型 → 加载外键，然后重启 Navicat - 重启后，右键数据库 → «逆向表到模型» 重建整个模型（不能只刷新）
- 重建完成后，手动执行
Layout → Organize Diagram再导出，否则连线位置可能错乱
导出 SVG 后连线显示不全，常见于字段别名或注释干扰布局
Navicat 在生成 SVG 时会把字段名、类型、注释等全部转为文本节点嵌入。若字段注释含换行符、HTML 实体（如 &）、或过长的中文别名，部分浏览器（尤其是 Firefox）解析时会截断或跳过后续
- 导出前，在 ER 图中右键 → «Options» → 将
Show column comments设为None - 检查字段别名是否含不可见字符（如零宽空格），可用 VS Code 打开 .mwb 文件搜索
\u200b - 避免在字段名中使用
、>、&，改用英文下划线替代
Firefox / Safari 打开 SVG 连线错位，本质是 viewBox 与 width/height 不匹配
Navicat 导出的 SVG 默认只设 viewBox，不写 width 和 height 属性。Firefox 和 Safari 严格遵循 SVG 2.0 规范，遇到无显式尺寸的 标签时，会将内部
- 用文本编辑器打开导出的 .svg 文件，在首行
- 更稳妥的做法：导出前在 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
导出 SVG 不是“截图”，它依赖模型元数据完整性、浏览器对 SVG 属性的解析宽容度、以及 Navicat 渲染引擎本身的输出逻辑。最容易被忽略的是：**你看到的图 ≠ 数据库真实约束，你导出的 SVG ≠ 当前画布实时状态**——中间隔着模型加载开关、布局缓存、和 SVG 规范兼容性三层断点。
