DWG 转 SVG

把 DWG 图纸导出成矢量 SVG —— 无限放大不失真,可直接嵌入网页,也能拖进 Illustrator / Figma 继续编辑。

正在加载转换工具…

为什么选 SVG

SVG 是矢量格式:文件里存的不是像素,而是线条、圆弧、填充的数学描述。 所以无论放大到多少倍,边缘始终锐利;同一张图纸的 SVG 体积通常远小于高分辨率 PNG, 在网络传输和页面加载上更有优势。

更实用的一点是:SVG 能被浏览器直接渲染,也能被设计软件当作图形对象打开, 每一条线都可以单独选中、改色、改粗细。这对需要"拿图纸做示意图"的场景特别省事。

典型用途

  • 网页插图:把户型图、设备布置图放进产品页或方案页,任意缩放都清晰。
  • 方案汇报:在 Illustrator / Figma / Sketch 中打开 SVG,替换配色、加箭头和文字说明。
  • 印刷排版:InDesign 排版时插入 SVG,输出时保持矢量锐度。
  • 开发交付:直接作为前端资源使用,配合 CSS 控制描边颜色与悬停效果。
  • 二次加工:导出后再用脚本批量改色、合并图层,比处理位图容易得多。

使用步骤

  1. 打开 DWG 或 DXF 图纸,等待解析完成。
  2. 点击工具栏「导出」,切换到 SVG 标签。
  3. 点击「导出 SVG」,浏览器下载 .svg 文件。
  4. 需要调整内容时,先用图层开关隐藏无关图层,再导出。

SVG 导出针对模型空间(Model Space)的图形。如果图纸的主体内容画在图纸空间(布局)里, 建议先切换到对应布局再导出,或在原 CAD 中把内容整理到模型空间。

几个实用细节

  • 文字可能变成路径。为保证在任何设备上显示一致,文字通常被转换成矢量轮廓。这意味着在 Illustrator 里无法直接改文字内容,需要重新打字。
  • 填充图案会被拆成线条。密集填充(如混凝土剖面线)会显著增加文件体积和节点数,必要时先关闭该图层。
  • 线宽按图纸单位输出。SVG 里的描边宽度是换算后的绝对尺寸,在浏览器里看可能偏细,导入设计软件后可统一调整。
  • 超大图纸慎用。图元数量极多的图纸(十万级以上)导出 SVG 会生成很大的文件,浏览器打开也会卡顿,此时 PNG 或 PDF 更合适。

常见问题

导出的 SVG 用浏览器打开是空白?

先确认导出时图纸已完整渲染(进度条走完)。另外部分图纸的图形位于图纸空间, 而 SVG 导出取的是模型空间,切换布局后再试一次通常就能看到内容。

SVG 里的文字能编辑吗?

默认按轮廓输出,所以文字是曲线而非可编辑文本。这是为了保证跨设备显示一致 —— 否则换台电脑缺少对应字体,文字位置就会跑偏。

和 PDF 有什么差别?

两者都是矢量。SVG 更适合屏幕与设计编辑,PDF 更适合打印、盖章与正式交付。 需要打印或发给甲方,用 DWG 转 PDF; 需要放到网页或继续设计,用 SVG。

转换过程会上传图纸吗?

不会。SVG 由浏览器内的渲染引擎直接生成,全程在本地内存中完成,图纸文件不会离开你的电脑。