使用场景

用于个人博客，为文章页面添加动态背景，提升阅读体验。

集成到电子商务网站，为产品展示页面增加视觉冲击力。

用于在线教育平台，为课程介绍页面创造更加生动的学习环境。

产品特色

自定义颜色：用户可以指定多达6种颜色的数组，用于生成背景图案。

动态动画：生成的背景可以设置为循环播放，创造出迷人的流动动画效果。

一致的图案：通过提供种子值，可以确保每次生成相同的图案，便于集成。

简单集成：只需导入 Bg 类并创建一个实例，即可使用所需的设置。

支持WebGL：利用现代WebGL技术，提供高性能的图形渲染。

易于定制：允许用户调整动画循环和颜色设置，以适应不同的设计需求。

MIT许可证：项目采用宽松的MIT许可证，便于商业和个人使用。

使用教程

1. 导入 AbstractShapeBg 模块。

2. 创建 AestheticFluidBg（或其他 Bg 类型）的实例，并设置所需的参数，如 DOM 元素、颜色数组、种子值和循环设置。

3. 根据需要调整动画和颜色设置，以适应网页设计。

4. 将生成的背景附加到指定的 DOM 元素上。

5. 测试背景效果，确保其在不同设备和浏览器上的兼容性。

6. 根据反馈进行调整，优化动画和颜色配置，以达到最佳视觉效果。