几秒内生成清晰的 SVG 螺旋
螺旋是最经典的装饰形状之一——出现在徽标、书籍装饰、鹦鹉螺风格插图、催眠背景和音乐封面中。此 SVG 螺旋生成器产生一个干净的 <path> 元素,可放入任何网页、设计工具或打印就绪文件。
两种螺旋类型
- 阿基米德 — 半径随角度线性增长,因此每一圈与下一圈之间的距离相同。这是经典的“卷线圈”外观。
- 对数 — 半径指数增长,带来自然的鹦鹉螺/黄金螺旋感,圈数向外迅速变宽。
控件
- 圈数 — 螺旋完成的完整旋转数。从半圈到二十整圈。
- 起始和结束半径(阿基米德) — 内外半径。收紧核心或推开外边缘以填满画布。
- 增长(对数) — 圈数向外扩展的速度。小值产生紧密线圈;大值产生戏剧性的宽螺旋。
- 描边粗细 — 线条粗度。粗描边搭配对数增长可获得书法感。
- 填充 — 纯色或可调角度的双站点线性渐变。
- 背景 — 螺旋后的可选纯色背景,适合独立 SVG 文件。
如何使用输出
该工具输出一个完整的 <svg> 文档,仅含一个 <path> 元素——没有复杂滤镜,也没有外部依赖。复制 SVG 或下载为 .svg 文件,然后粘贴到任何地方:HTML、React 组件、MDX、Figma、Illustrator 或你的设计系统库。由于是纯 SVG,它在任何分辨率下都保持清晰,几乎不占空间。
常见用途
- 英雄区和着陆页的装饰元素
- 徽标和标志
- 音乐、海报和活动品牌
- 加载动画(路径可沿其长度动画)
- 博客文章、名片或文具的背景
- 应用和游戏的图标和徽章
每次调整都实时发生,因此请自由试验,直到找到您想要的确切螺旋。
Tiny Online Tools







