DeepSeek+Drawio+SVG绘制架构图-找到一种真正可行实用的方法和思路
1、使用DeepSeek生成SVG文件,导入drawio工具的方法
🔥 问题根源分析
-
错误现象:
• 导入时报错包含data:image/SVG;base64
和%20
等 URL 编码字符
• 代码被错误转换为 Base64 格式(适用于网页嵌入,但 Draw.io 无法直接解析) -
直接原因:
• 文件未保存为纯文本 SVG 格式,而是被错误处理为 URL 编码 + Base64 格式
✅ 修复步骤
第一步:正确保存 SVG 文件
- 复制以下 原始未编码的代码:
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300"><!-- 强制显示背景 --><rect width="400" height="300" fill="#f0f2f4" stroke="none"/><!-- 图形 -->