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"/><!-- 圖形 -->