在线纯色背景图制作

在线纯色背景图制作工具，支持制作纯色背景图、线性渐变背景图、径向渐变背景图、锥形渐变背景图。 制作的背景图支持下载为 jpeg, png, webp, svg 格式的图片。

1. 本工具填写的颜色格式为 rgba 格式，比如 rgba(255,0,138,0.5) 。 本工具支持的绝对长度格式为 5px，百分比长度格式为33.5%。
2. 基础参数：设置背景图制作的基础参数。
   1. 类型：选择背景图的类型，支持 纯色背景图、线性渐变背景图、径向渐变背景图、锥形渐变背景图和自定义背景图。
   2. 大小：背景图大小，格式为 宽,高 ，单位为像素。 图片的宽不得超过 65535，图片的高不得超过 65535，图片的总面积不得超过 16384 x 16384 。
   3. 格式：选择背景图下载的格式，支持 jpeg, png, webp, svg 格式。 本工具生成的 svg 格式，使用了 foreignObject 嵌入 html 对象展示。
3. 纯色：设置纯色背景图相关参数。
   1. 颜色：选择或者填写纯色背景图的颜色，格式为 rgba 颜色。
4. 线性渐变：设置线性渐变背景图相关参数。
   1. 渐变角度：线性渐变的方向，单位为度(°)，范围为[-360,360]。
   2. 重复：线性渐变是否重复。
   3. 颜色：线性渐变的颜色，支持至少 2 个颜色。每个颜色支持设置可选的停止点位置，位置支持填写百分比长度和绝对长度， 位置支持填写一个值或者两个值。
5. 径向渐变：设置径向渐变背景图相关参数。
   1. 形状：选择径向渐变的形状，支持圆形和椭圆形。
   2. 大小：选择径向渐变的大小。如果选择自定义，则需手动填写该值。 径向渐变形状的自定义大小，圆形填写一个值(绝对长度)，椭圆形填写空格分隔的两个值(绝对长度或百分比长度)。
   3. 中心：径向渐变的中心，空格分隔的两个值，允许为空。支持填写绝对长度或者百分比长度。
   4. 重复：径向渐变是否重复。
   5. 颜色：径向渐变的颜色，支持至少 2 个颜色。每个颜色支持设置可选的停止点位置，位置支持填写百分比长度和绝对长度， 位置支持填写一个值。
6. 锥形渐变：设置锥形渐变背景图相关参数。
   1. 角度：锥形渐变的起始角度，范围为 [-360,360]，允许为空。
   2. 中心：锥形渐变的中心，空格分隔的两个值，允许填写百分比长度和绝对长度，允许为空。
   3. 重复：锥形渐变是否重复。
   4. 颜色：锥形渐变的颜色，支持至少 2 个颜色。每个颜色支持设置可选的停止点位置，位置支持填写百分比长度和角度， 位置支持填写一个值。填写角度时的格式为 45deg。
7. 自定义：设置自定义背景图相关参数。
   1. 填写类名为 set_bg 的自定义 CSS 规则，生成背景图。
8. 生成：根据设置的参数，生成背景图。
9. 下载：将生成的背景图，按照选择的图片格式，下载到本地。
10. 清空：清空生成的背景图。