Color4Bg

Color4Bg，一款好用的酷炫抽象动态背景生成器，可在Color4bg.com上免费导出图片、视频或JS脚本。它能帮助你轻松生成动态、可自定义彩色的抽象背景，使作品格外出众。使用简单且模板众多，生成器支持导出为PNG、视频或JavaScript。

Color4Bg提供多种不同的样式主题，能够生成动态、循环的背景，可以导出图片、视频或直接通过JS脚本引入你的网页项目（JS文件大小<100k）。

Color4Bg的功能特征：

• 可自定义的颜色：你可以指定最多6种颜色的数组来生成背景图案。

• 动态动画：生成的背景可以设置为循环，创建令人着迷的流畅动画。

• 一致的模式：通过提供种子值，你可以确保每次都生成相同的模式，从而轻松集成到你的网页设计中。

• 轻松集成：只需导入Color4Bg类并使用你想要的设置创建一个实例。

• 支持导出为PNG或Webm视频。

• 多语言支持
  

如何使用Color4Bg？

第1步：选择一个模板，进入；

第2步：调节颜色，自定义色彩主题；

第3步：点击下载导出

Color4Bg代码使用方法：

1、导入AbstractShapeBg模块：

import { AbstractShapeBg } from "../build/jsm/AbstractShapeBg.module.js"

2、使用你希望的设置创建AestheticFluidBg（或其他Bg类型）的实例：

let colorbg = new AestheticFluidBg({ dom: "box", colors: ["#D1ADFF", "#98D69B", "#FAE390", "#FFACD8", "#7DD5FF", "#D1ADFF"], seed: 1000, loop: true })

参数说明：

• dom: 要附加背景的DOM元素。

• colors: 一个最多包含6个十六进制颜色值的数组。

• seed: 用于生成一致图案的数值。

• loop: 一个布尔值，决定背景是否应该循环播放。

Color4Bg GitHub源码下载：https://github.com/winterx/color4bg.js