安裝# 使用 npmnpm install --save canvas-nest.js# 或者使用 yarnyarn add canvas-nest.js特性不依賴 jQuer" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 一個(gè)基于 html5 canvas 繪制的網(wǎng)頁(yè)背景效果

一個(gè)基于 html5 canvas 繪制的網(wǎng)頁(yè)背景效果

時(shí)間：2023-07-26 02:39:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-26 02:39:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

一個(gè)基于 html5 canvas 繪制的網(wǎng)頁(yè)背景效果：

canvas-nest.js

一個(gè)基于 html5 canvas 繪制的網(wǎng)頁(yè)背景效果。



安裝

# 使用 npmnpm install --save canvas-nest.js# 或者使用 yarnyarn add canvas-nest.js

特性

使用

將下面的代碼插入到 <body> 和 </body> 之間.

<script type="text/javascript" src="dist/canvas-nest.js"></script>強(qiáng)烈建議在 </body>標(biāo)簽上方. 例如下面的代碼結(jié)構(gòu):

<html><head> ...</head><body> ... ... <script type="text/javascript" src="dist/canvas-nest.js"></script></body></html>然后就完成了，打開(kāi)網(wǎng)頁(yè)即可看到效果!請(qǐng)注意不要將代碼置于 <head> </head>里面.

完成安裝好，可以使用模塊化方式 import。

并且只有一個(gè) API，使用如下：

import CanvasNest from 'canvas-nest.js';const config = { color: '255,0,0', count: 88,};// 在 element 地方使用 config 渲染效果const cn = new CanvasNest(element, config);// destroycn.destroy();

配置

Example:

<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="dist/canvas-nest.js"></script>{ color: '0,0,255', opacity: 0.7, zIndex: -2, count: 99,};注意: 所有的配置項(xiàng)都有默認(rèn)值，如果你不知道怎么設(shè)置，可以先不設(shè)置這些配置項(xiàng)，就使用默認(rèn)值看看效果也可以的。

相關(guān)項(xiàng)目

使用項(xiàng)目

License

MIT@hustcc.

關(guān)鍵詞：背景,效果,繪制

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉