當(dāng)前位置：主頁 > 網(wǎng)站建設(shè) > WordPress網(wǎng)頁粒子背景效果分享,seo建站技術(shù)

WordPress網(wǎng)頁粒子背景效果分享,seo建站技術(shù)

時間:2023-07-23 13:07:23 閱讀: 文章分類: 網(wǎng)站建設(shè) 作者: IT網(wǎng)站員

導(dǎo)讀:seo建站技術(shù)seo建站技術(shù)原理：利用canvas-nest.js腳本實(shí)現(xiàn)canvas上繪制的蜂窩狀網(wǎng)站背景，效果可見我的網(wǎng)站，很是有魔性。">

原理：利用canvas-nest.js腳本實(shí)現(xiàn)canvas上繪制的蜂窩狀網(wǎng)站背景，效果可見我的網(wǎng)站，很是有魔性。

特性：不依賴于 jQuery 和 JavaScript 框架輕量級，只有 1.66kb 大小非常容易使用

使用： 1、下載canvas-nest.min.js腳本文件

!?function()?{

????function??o(w,?v,?i)?{

????????return??w.getAttribute(v)?||?i

????}

????function??j(i)?{

????????return??document.getElementsByTagName(i)

????}

????function??l()?{

????????var??i?=?j("script"),

????????????w?=?i.length,

????????????v?=?i[w?-?1];

????????return?{

????????????l:?w,

????????????z:?o(v,?"zIndex",?-1),

????????????o:?o(v,?"opacity",?0.5),

????????????c:?o(v,?"color",?"255,0,0"),

????????????n:?o(v,?"count",?99)

????????}

????}

????function??k()?{

????????r?=?u.width?=?window.innerWidth?||?document.documentElement.clientWidth?||?document.body.clientWidth,?n?=?u.height?=?window.innerHeight?||?document.documentElement.clientHeight?||?document.body.clientHeight

????}

????function??b()?{

????????e.clearRect(0,?0,?r,?n);

????????var??w?=?[f].concat(t);

????????var??x,?v,?A,?B,?z,?y;

????????t.forEach(function(i)?{

????????????i.x?+=?i.xa,?i.y?+=?i.ya,?i.xa?*=?i.x?>?r?||?i.x?<?0???-1?:?1,?i.ya?*=?i.y?>?n?||?i.y?<?0???-1?:?1,?e.fillRect(i.x?-?0.5,?i.y?-?0.5,?1,?1);

????????????for(v?=?0;?v?<?w.length;?v++)?{

????????????????x?=dede5.7模板?w[v];

????????????????if(i?!==?x?&&?null?!==?x.x?&&?null?!==?x.y)?{織夢網(wǎng)站模板

????????????????????B?=?i.x?-?x.x,?z?=?i.y?-?x.y,?y?=?B?*?B?+?z?*?z;

????????????????????y?<?x.max?&&?(x?===?f?&&?y?>=?x.max?/?2?&&?(i.x?-=?0.03?*?B,?i.y?-=?0.03?*?z),?A?=?(x.max?-?y)?/?x.max,?e.beginPath(),?e.lineWidth?=?A?/?2,?e.strokeStyle?=?"rgba("?+?s.c?+?","?+?(A?+?0.2)?+?")",?e.moveTo(i.x,?i.y),?e.lineTo(x.x,?x.y),?e.stroke())

關(guān)鍵詞標(biāo)簽: 網(wǎng)頁背景粒子

聲明: 本文由我的SEOUC技術(shù)文章主頁發(fā)布于:2023-07-23 ，文章WordPress網(wǎng)頁粒子背景效果分享,seo建站技術(shù)主要講述粒子,背景,網(wǎng)頁網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請保留鏈接: http://www.bifwcx.com/article/web_35669.html