Softonic

SVG 圆形文本生成器

步 1 / 2
下一步

沿圆形路径排布的文字常见于徽章、印章和标志。SVG 通过 <textPath> 让文字元素跟随不可见的路径。本工具在浏览器中生成完整 SVG。输入文字后，可调整半径、字体大小、字距、起始位置、颜色和路径方向，再复制或下载 SVG。

如何将文本弯曲成圆形

  1. 1

    输入文本

    短语（3–8个词）最适合阅读；长句子则应在较小范围内自然展开。

  2. 2

    设置半径

    半径越大，曲线越平缓，字母越清晰；若半径过小，字母会严重倾斜。

  3. 3

    移动起始位置

    使用起始偏移 % 沿路径移动第一个字符。这是路径上的位置，而非自由旋转角度控制。

  4. 4

    调整大小、字距和方向

    现有控件可调整字体大小、字距、颜色，以及顺时针或逆时针的路径方向。

  5. 5

    复制 SVG

    输出内容包含隐形路径、`<textPath>`标识及字体样式，可直接应用于任何页面。

textPath 的内部工作原理

<svg viewBox="0 0 300 300">
  <defs>
    <path id="ring" d="M 150,150 m -100,0 a 100,100 0 1,1 200,0 a 100,100 0 1,1 -200,0" />
  </defs>
  <text font-family="Inter" font-size="24" font-weight="700">
    <textPath href="#ring" startOffset="50%" text-anchor="middle">
      CDEM SOLUTIONS . EST 2024 .
    </textPath>
  </text>
</svg>

d属性使用m/a（移动/弧线）命令绘制完整圆周，随后<textPath>沿该圆周布置文字；startOffset表示路径上的百分比位置；text-anchor="middle"则将文本居中显示于该偏移点处。

空间感与可读性

半径（像素） 感觉 适用于
40-60 极度紧凑、扭曲 仅限抽象标志
80–120 经典徽章 应用图标、金币
140-200 温和弧线 咖啡标志、徽标
250+ 几乎笔直 头部装饰

常用预设

  • 顶部弧线，从180°开始，覆盖圆周的180°范围。其上半部分可从左至右清晰阅读。
  • 带翻转功能的底部弧线：可反转路径方向或使用side="right"参数，使文字倒置后仍能正确显示。
  • 完整环形，文本仅换行一次。添加首尾间距标记（.），使连接处视觉效果协调一致。

导出提示

-内联 SVG 支持使用currentColor或CSS自定义属性为填充色设置主题样式。

  • 避免在 SVG 中嵌入网页字体，而应在全局CSS中声明该字体，以便浏览器重复加载。
  • 若需静态图像（PNG或图标文件），请将 SVG 通过光栅化工具转换为所需最终尺寸； SVG 支持无损缩放，但部分平台仍要求使用位图格式。

常见问题

默认情况下，textPath会沿路径方向排列。若按顺时针方向绘制圆形，则底部一半会倒置；可选择将底部一半作为独立的逆时针弧线绘制、使用side="right"（SVG 2），或将文本拆分为两个独立元素。

是的。生成的<text>元素支持标准 SVG /CSS属性：fill、font-weight、font-style和letter-spacing，可直接在线修改或通过外部CSS进行调整。

<textPath> 标志已在 Chrome、Firefox、Safari 和 Edge 浏览器中支持超过十年；IE11 浏览器仅提供部分支持，如仍需使用，请预先对徽标进行光栅化处理。

在文本元素中添加letter-spacing="2"（或更多代码）。当半径较小时，此举可显著提升可读性。

不会。文本和 SVG 均在浏览器中生成。短语不会发送到服务器，也不会被存储。

相关工具

材质设计颜色选择器

浏览Material Design色板，单击即可将任意色号（50至A700）以HEX、RGB或 HSL 格式复制。

PNG 转 SVG 矢量化工具

在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。

ARW 转 JPG 转换器

将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom，即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。

报纸制作工具

使用你自己的标题和文章制作报纸风格的头版，然后复制、下载纯文本，或打开浏览器打印对话框。

半色调生成器

将照片转换为可调节的 AM 式半色调，可选单色、取样色和 CMYK 风格模式，并下载 PNG 或矢量网点 SVG。

在线白板

在浏览器中的私人白板上绘制想法，排列形状、便签和本地图片。支持撤销操作，并导出 PNG、JPEG、SVG 或可编辑的 JSON。

此工具还提供其他语言版本