Color4Bg

Color4Bg官網(wǎng)

好用的酷炫抽象動(dòng)態(tài)背景生成器，免費(fèi)導(dǎo)出圖片視頻或JS腳本，Color4bg.com 能夠讓你輕松生成動(dòng)態(tài)的、可自定義彩色的抽象背景。

網(wǎng)站提供：創(chuàng)作工具，調(diào)色配色，Color4Bg，Color。

Color4Bg簡(jiǎn)介

Color4bg.com 能夠讓你輕松生成動(dòng)態(tài)的、可自定義彩色的抽象背景。酷炫優(yōu)美的背景能夠讓你的作品格外出眾。使用簡(jiǎn)單、模板眾多。生成器都支持導(dǎo)出為 PNG、視頻或 JavaScript

Color4Bg，好用的酷炫抽象動(dòng)態(tài)背景生成器，免費(fèi)導(dǎo)出圖片視頻或JS腳本，Color4bg.com 能夠讓你輕松生成動(dòng)態(tài)的、可自定義彩色的抽象背景。酷炫優(yōu)美的背景能夠讓你的作品格外出眾。使用簡(jiǎn)單、模板眾多。生成器都支持導(dǎo)出為 PNG、視頻或 JavaScript。

Color4Bg有多重不同的樣式主題，能夠生成動(dòng)態(tài)、循環(huán)的背景，可以導(dǎo)出圖片、視頻或者直接支持將背景通過 JS 腳本引入你的網(wǎng)頁項(xiàng)目（JS文件 size <100k）。

Color4Bg功能特征：

• 可自定義的顏色：您可以指定最多 6 種顏色的數(shù)組，用于生成背景圖案。

• 動(dòng)態(tài)動(dòng)畫：生成的背景可以設(shè)置為循環(huán)，創(chuàng)建令人著迷的流暢動(dòng)畫。

• 一致的模式：通過提供種子值，您可以確保每次都生成相同的模式，從而輕松集成到您的網(wǎng)頁設(shè)計(jì)中。

• 輕松集成：只需導(dǎo)入Color4Bg類并使用您想要的設(shè)置創(chuàng)建一個(gè)實(shí)例。

• 支持導(dǎo)出為PNG 或 Webm 視頻。

• 多語言支持

如何使用color4bg？

第1步：選擇一個(gè)模板，進(jìn)入；

第2步：調(diào)節(jié)顏色、自定義色彩主題；

第3步：點(diǎn)擊下載導(dǎo)出

Color4Bg代碼使用方法：

1、導(dǎo)入 AbstractShapeBg 模塊：

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

2、使用您希望的設(shè)置創(chuàng)建 AestheticFluidBg（或任何其他 Bg 類型）的實(shí)例：

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

參數(shù)說明：

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

• colors: 一個(gè)最多包含6個(gè)十六進(jìn)制顏色值的數(shù)組。

• seed: 用于生成一致圖案的數(shù)值。

• loop: 一個(gè)布爾值，決定背景是否應(yīng)該循環(huán)播放。

Color4Bg Github源碼下載：https://github.com/winterx/color4bg.js

Color4Bg官網(wǎng)入口網(wǎng)址

https://www.color4bg.com/zh-hans/

OpenI小編發(fā)現(xiàn)Color4Bg網(wǎng)站非常受用戶歡迎，請(qǐng)?jiān)L問Color4Bg網(wǎng)址入口試用。