代码、数据与二维码工具

SVG 描边转填充工具

将直接 SVG 线条描边转换为填充几何图形;语法范围刻意保持狭窄,便于审查,不猜测任意矢量图。

优先本地处理无需注册隐私说明 ↗

严格线段转换

将直接线段描边转换为填充形状

支持带显式 viewBox 且包含一个或多个直接 line 元素的 SVG。每条线可使用无单位坐标、直接颜色、正数描边宽度,以及 butt、square 或 round 线帽。

明确拒绝:路径、折线、多边形、组、变换、继承样式、虚线、标记、单位和绘制服务器。

填充结果预览

转换示例以查看生成的填充形状。

输出保留数值型 viewBox,不推断宽度、高度、变换或继承的表现属性。

使用步骤

如何使用

  1. 粘贴带数字 viewBox、且直接 line 元素仅使用列出属性的 SVG。
  2. 转换后检查填充路径或圆形输出及本地预览。
  3. 复制或下载结果,并在计划使用的 SVG 环境中验证。

刻意精简的转换范围

仅接受 SVG 根元素内带明确数字 viewBox 的直接 SVG line 元素。每条线可使用 x1、y1、x2、y2、stroke、stroke-width 和 stroke-linecap。遇到 path、polyline、polygon、rect、circle、group、transform、CSS 样式、继承的呈现属性、虚线、marker、单位、百分比、paint server 或不支持的属性时会拒绝,而非静默近似。输入最多 100,000 个字符和 500 条线。

描边宽度与端帽语义

butt 端帽转换为在两端终止的四角填充路径。square 端帽会让矩形两端各延伸半个描边宽度。round 端帽使用相同主体矩形,并在每个端点添加半个描边宽度半径的填充圆。由于支持的源格式不含相连线段,因此输出只表示单一直线段,不建模连接处。

viewBox 和输出边界

输出保留输入 viewBox 的四个数字,以便坐标系清晰可审查。不会保留根元素宽高、CSS 布局、变换、裁剪、不透明度、混合、元数据、id、无障碍文本或样式继承。这是本地几何转换工具,不是通用 SVG 优化器、描边引擎或图稿修复工具。

常见问题

你可能还想知道

为什么拒绝 SVG path?

准确扩展任意路径曲线、弧线、连接、虚线、变换和继承样式需要完整的描边扩展引擎。此工具不会把简单近似冒充等效结果,因此拒绝路径而不生成不确定几何图形。

圆头如何转换?

主体转换为填充矩形,每个端点添加一个半径等于描边宽度一半的填充圆。两者组合后与圆头直线的可见形状相同。

输出会保留原始尺寸吗?

会保留明确的数字 viewBox,它定义输出坐标系。不会复制宽度和高度属性,因为工具不会从源 SVG 推断显示尺寸或布局。

SVG 文件会上传吗?

不会。解析、转换、预览、复制和下载都在浏览器中进行,页面不会将 SVG 输入发送到服务器。