Tiny Online Tools logoTiny Online Toolssearch搜索工具…grid_view全部工具
首页chevron_rightSVG工具chevron_rightSVG 螺旋生成器SVG 螺旋生成器

SVG 螺旋生成器

生成阿基米德螺旋和对数 SVG 螺旋,全面控制圈数、半径、描边粗细和渐变填充——非常适合装饰形状、徽标和背景。

螺旋样式阿基米德对数形状描边颜色纯色渐变背景显示背景输出尺寸生成的代码codeSVGbrushCSS
xml
css

相似工具

SVG 漩涡图案生成器

SVG 漩涡图案生成器

生成带有扭曲放射叶片的旋转 SVG 漩涡图案。免费创建催眠螺旋图形、漩涡背景和万花筒插图,无需上传。

SVG 之字形图案生成器

SVG 之字形图案生成器

生成自定义振幅、波长、行距和线宽的 SVG 之字形和人字形图案。非常适合复古纺织品、大胆背景和几何覆盖层。

SVG 圆形图案生成器

SVG 圆形图案生成器

生成装饰性 SVG 图案,由同心环、点阵或蜂窝状错位圆点组成。

SVG 波浪线生成器

SVG 波浪线生成器

生成 SVG 波浪线图案,可调振幅、波长、相位偏移和交替颜色。免费创建复古背景、分隔线和纹理,无需上传。

随机 IP 生成器

随机 IP 生成器

为测试和开发生成随机 IPv4 和 IPv6 地址,并可选择公网或私网范围。

ASCII 转图片

ASCII 转图片

将 ASCII 艺术文本渲染为可下载的 PNG 或 JPG 图片。

时间时长计算器

时间时长计算器

计算两个日期之间的时间,或对日期时间加减一段时长。

apps

更多工具

浏览我们完整的免费在线工具集合。

几秒内生成清晰的 SVG 螺旋

螺旋是最经典的装饰形状之一——出现在徽标、书籍装饰、鹦鹉螺风格插图、催眠背景和音乐封面中。此 SVG 螺旋生成器产生一个干净的 <path> 元素,可放入任何网页、设计工具或打印就绪文件。

两种螺旋类型

  • 阿基米德 — 半径随角度线性增长,因此每一圈与下一圈之间的距离相同。这是经典的“卷线圈”外观。
  • 对数 — 半径指数增长,带来自然的鹦鹉螺/黄金螺旋感,圈数向外迅速变宽。

控件

  • 圈数 — 螺旋完成的完整旋转数。从半圈到二十整圈。
  • 起始和结束半径(阿基米德) — 内外半径。收紧核心或推开外边缘以填满画布。
  • 增长(对数) — 圈数向外扩展的速度。小值产生紧密线圈;大值产生戏剧性的宽螺旋。
  • 描边粗细 — 线条粗度。粗描边搭配对数增长可获得书法感。
  • 填充 — 纯色或可调角度的双站点线性渐变。
  • 背景 — 螺旋后的可选纯色背景,适合独立 SVG 文件。

如何使用输出

该工具输出一个完整的 <svg> 文档,仅含一个 <path> 元素——没有复杂滤镜,也没有外部依赖。复制 SVG 或下载为 .svg 文件,然后粘贴到任何地方:HTML、React 组件、MDX、Figma、Illustrator 或你的设计系统库。由于是纯 SVG,它在任何分辨率下都保持清晰,几乎不占空间。

常见用途

  • 英雄区和着陆页的装饰元素
  • 徽标和标志
  • 音乐、海报和活动品牌
  • 加载动画(路径可沿其长度动画)
  • 博客文章、名片或文具的背景
  • 应用和游戏的图标和徽章

每次调整都实时发生,因此请自由试验,直到找到您想要的确切螺旋。