SVG 图片不等于 Draw.io 图表
SVG 主要描述路径、文字、填充、遮罩和变换。它不必说明某条线是不是语义连接线,也不必记录节点移动后哪些对象应继续保持连接。
Draw.io 可以直接插入普通 SVG,但结果是一个整体图片。本工具的目标不同,它根据可见布局重建独立、可编辑的图表元素。
先在浏览器本地检查并渲染 SVG,确认预览无误后,再复用现有 AI 转换流程,将可见图表重建为可编辑的 Draw.io 草稿。
上传需要转换的 SVG
支持单个不超过 10MB、具有有效尺寸或 viewBox 的静态 SVG。原始 SVG 不会离开当前浏览器。
或将 SVG 拖放到这里
SVG 文件最大 10MB
普通 SVG 可以作为一个完整图片插入 Draw.io,但其中的路径、文字和线条不会自动变成独立可编辑的图表对象。本工具先在本地渲染可见内容,再重建为可调整的形状、标签和连接线。
文件上传前先在浏览器中完成检查和渲染。脚本、动画和外部引用不会进入后续流程,原始 SVG 始终保留在本地。
AI 接收经过尺寸和体积约束的 PNG,而不是兼容性不明确的 SVG 输入,并根据可见方框、箭头、文字和层级生成图表。
结果进入与其他 ImageToDrawio 转换相同的编辑器,可继续使用 AI 对话、手动编辑、保存和历史版本功能。
结构清晰的技术图、流程图和文档图通常能为可编辑重建提供更可靠的视觉信息。
整个流程优先保证浏览器准备过程可控,并复用现有 AI 重建链路,而不是把原始 SVG 标记直接发送给视觉模型。
输入必须是非空的 .svg 文件,XML 结构正确,并具备可用的宽高或 viewBox。仅修改文件扩展名无法通过内容检查。
预览单边不超过 4096 像素、总像素不超过 800 万,并保持在现有图片上传体积限制内,过大的输出会先按比例缩小。
只有准备后的 PNG 会进入存储和模型。原始 SVG、脚本、动画指令和远程资源引用不会进入该流程。
矢量内容会以适合识别的分辨率渲染,使较小文字和细线仍能被模型观察到,同时保留透明区域。
模型生成 Draw.io XML,而不是把源文件包装成一个图片对象。你可以移动、改名、改样式、删除和重新连接重建后的元素。
登录用户可以保存手动调整、继续 AI 编辑,并通过现有工作台回到更早版本,无需每次重新上传。
格式差异
SVG 和 Draw.io 虽然都使用 XML,但表达的是不同类型的信息。普通 SVG 只描述可见矢量内容,并不天然包含完整的 Draw.io 图结构。
SVG 主要描述路径、文字、填充、遮罩和变换。它不必说明某条线是不是语义连接线,也不必记录节点移动后哪些对象应继续保持连接。
Draw.io 可以直接插入普通 SVG,但结果是一个整体图片。本工具的目标不同,它根据可见布局重建独立、可编辑的图表元素。
当前生产环境使用的视觉模型明确支持 PNG、JPEG 和 WebP 等位图格式,但没有把 SVG 列为受支持的图像输入。先在本地渲染能获得更确定的模型兼容性。
PNG 准备完成后,后续会继续使用已验证的 credits、模型 fallback、工作台、持久化和版本历史流程,不需要为 SVG 复制一套业务实现。
SVG 可以携带脚本、动画、链接、嵌入资源和其他命名空间内容。转换器不会把上传的 SVG 作为实时 HTML 插入当前页面。
系统只处理本地副本,移除主动元素和远程引用,再以图片上下文交给 Canvas 渲染。如果这些内容影响外观,预览会体现最终实际参与转换的静态结果。
清晰渲染的文字有机会重建为可编辑标签。矩形、圆形、直线、箭头和分组区域在视觉关系明确时,可以成为独立 Draw.io 单元。
复杂路径、滤镜、遮罩、特殊字体和大量重叠内容可能需要近似处理。可见箭头可以被重建,但普通 SVG 不保证包含原始起点和终点关系。
画布清晰、文字可读、节点边界明确、连接路线可见的文件效果通常更好,例如架构图、流程图、组织结构图和系统文档。
装饰插画、Logo、密集艺术作品、动画图形,以及依赖外部字体或图片的文件可预测性较低,也不一定具有值得重建的图表结构。
部分由 Draw.io 导出的 SVG 会嵌入原始图表数据,所以 Draw.io 可以直接重新打开它们。这类文件除了可见矢量内容之外还保存了隐藏的编辑信息。
当前页面对所有文件使用统一视觉重建流程,保证计费、记录和结果语义一致,不承诺提取隐藏源数据或绕过正常转换。
AI 重建的目标是减少重复描图工作,而不是证明转换绝对准确。正式使用前应检查文字、箭头方向、连接点、容器关系、颜色和相对位置。
工作台正是为后续校正设计的。可以直接修改元素、把真实编辑结果保存成新版本,也可以通过对话要求 AI 完成针对性调整。
三个步骤
准备一个 SVG,确认本地渲染结果,再在现有工作台中检查并编辑重建后的图表。
选择不超过 10MB 的静态 SVG。浏览器会先检查 XML、尺寸、元素数量和主动引用。
确认关键文字、线条、形状和颜色清晰可见。开始转换后只会上传这个渲染后的 PNG。
检查生成的 Draw.io 对象,修正有歧义的细节,并把实际修改保存为以后可以回看的历史版本。
常见问题
转换前了解输入规则、本地处理边界、模型行为和后续编辑要求。
不会。解析和渲染都在浏览器完成,只有准备后的 PNG 预览会上传用于存储和 AI 重建。
生产环境视觉模型没有把 SVG 列为受支持的图像输入。PNG 已被明确支持,并且可以复用当前经过验证的模型 fallback 链路。
不一定。模型根据可见结果进行重建,简单形状和文字比滤镜、遮罩、复杂路径或装饰性图形更容易拆分。
可以,但普通 SVG 会作为一个整体图片插入。本流程适用于需要独立可编辑图表元素的情况。
脚本、动画元素、事件属性和远程引用会从本地渲染副本中移除,预览展示剩余的静态结果。
支持,浏览器生成的 PNG 会保留透明区域。白色或很浅的元素需要在预览中重点检查可见性。
源文件最大 10MB。渲染结果单边限制为 4096 像素,总像素不超过 800 万。
部分文件包含嵌入图表数据,但当前页面仍使用统一视觉重建流程,以保持计费、记录和历史版本行为一致。
匿名用户可以免费转换 1 次;注册后赠送 2 credits,并可保存转换记录和历史版本。
请检查所有文字、箭头方向、连接点、容器关系、颜色和间距,并在分享前保存真实校正后的版本。
在本地准备矢量图,重建可见结构,并在 Draw.io 中继续编辑,减少从头描摹整个图表的工作。