≈好可以志源网实用工具 / 027

A QUIET BACKDROP FOR YOUR NEXT IDEA.

给页面，添一点自己的颜色。

几层波浪，一点颗粒。让背景，也有自己的节奏。

波浪 · 几何 · 噪点 · 渐变
轻轻调整，带走一张纯 SVG 背景

02 / A BACKDROP THAT FEELS RIGHT

山间的浅绿波浪

正在生成

1600 × 900 · 波浪

背景纹理预览

叠字与预览边框不加入导出。100% 可滚动查看原尺寸，SVG 中的噪点随显示比例而呈现不同细节。

03 / TAKE YOUR COLOURS WITH YOU

把这份颜色，放进页面

SVG

SVG 保留矢量与滤镜；PNG 使用指定像素尺寸。参数文件可下次打开，全部在本页生成，不自动保存。

CSS 内嵌完整 SVG，默认 cover / 居中 / 不重复；放到网页时可自行修改尺寸与重复方式。

A FEW PLACES TO BEGIN

先从一种感觉开始

8 个原创预设

预设会替换样式，保留尺寸与随机编号，可撤销。没有外部图片或字体。

01 / COLOUR

让颜色，和内容相处。

从轻柔，到明亮，留出想象的余地。

02 / TEXTURE

一点纹理，就有了变化。

波浪、几何与颗粒，换一种节奏。

03 / KEEP

把喜欢的感觉，保存下来。

带走 SVG，也留住这一组参数。

打开这份参数？

SVG 背景纹理生成 · 使用说明

四类背景全部由当前浏览器生成，无账号、上传、外站素材、字体、后台服务或自动存储。完整加载后可离线操作，刷新会清空未保存参数。工程只保存本工具参数，不导入任意 SVG。八个预设为原创，选择后保留当前尺寸与编号，可撤销。

波浪 1–8 层、1–6 周期，幅度为高度的 0–40%，按正弦和导数绘制平滑曲线，可上下翻转。相同编号与参数生成相同 SVG，编号改变相位和层幅度；过大幅度可自然超出画布后裁切。

几何为圆点 / 圆环 / 十字 / 菱形 / 圆角砖块，单元间距 12–200、占比 10–90%、旋转 0–359°，全部配色用于重复单元。单元在 SVG 内平铺，不代表导出整图任意尺寸均可四边无缝拼接。

噪点为浏览器原生 SVG feTurbulence 与单色透明度映射，第一色为颗粒色，其他模式使用全部配色。频率 0.02–0.9 越大越密，1–4 个叠加层和 0.2–3 对比。滤镜不是展开的几何路径；设计软件、不同浏览器和显示比例可能有差别，PNG 是当前浏览器渲染结果。大图 / 高叠加层需要更多设备计算时间。

渐变可线性或径向，2–5 色按顺序等距过渡。线性 0° 左到右、90° 上到下，覆盖四个角落的投影；径向按宽高比例呈椭圆，中心 0–100%、半径 10–150%。渐变不使用随机编号。单独透明底色只去掉底层矩形，满幅渐变在不透明度 1 时仍会遮满。

尺寸 64–4096 px，最多 2–5 色。图层不透明度 0.05–1，底色独立。输入有效参数后自动更新；无效时保留上一个有效预览并停用导出，修正后继续或恢复有效参数。更换模式时使用最后有效参数，未应用的错误输入会舍弃。滑块连续操作合并为一步撤销，撤销 / 重做最多 50 步。

适合预览 / 100% 仅改变查看方式，叠字也只供预览；导出始终为实际背景，不含边框、提示或叠字。SVG 原始矢量 / 滤镜，PNG 为指定像素尺寸，CSS 内嵌完整编码 SVG，默认 cover / 居中 / 不重复。复制受浏览器权限限制时可手动复制已选中代码。

参数 JSON 最大 32 KiB，UTF-8 严格解码、版本与类型 / 颜色 / 数值校验，错误保留当前背景；正确导入需确认，之后清空撤销历史。随机编号 1–4294967295，不表示每个编号都产生唯一图像。文件名保留 v1.2 等版本号，字体只用于网页界面，不写入图案。