学习是一种乐趣~
分享是一种美德~

一个WordPress超酷炫网页背景效果canvas-nest

简介

一个基于html5画布绘制的网页背景效果,非常赞!如果需要wordpress插件,在插件库搜索canvas-nest或者看项目canvas-nest-for-wp在线演示:http://www.atool.org/

特征

  • 不依赖于jQuery或其他JavaScript框架。
  • 很轻,只有1.6kb
  • 所以很容易使用,即使你不是网页开发者。

用法

<body></body>中间插入这段js代码即可,注意不要放在head里面。
< script  src = “ //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js ” > </ script >
如下所示:
< html >
< head >
    ...
</ head >
< body >
    ...
    ...
    ...
    < script  src = “ //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js ” > < / script >
</ body >
</ html >

配置

  • color:画布线颜色,默认值:’0,0,0′; 颜色为(R,G,B)。
  • opacity:线的不透明度(0〜1),默认值:0.5。
  • count:行数,默认值:150。
  • zIndex:z空间的索引,默认值:-1。
例如:
<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
   
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
网站名称:CNBoy 四海部落
文章名称:《一个WordPress超酷炫网页背景效果canvas-nest》
文章链接:https://cnboy.org/118

本站资源仅供个人学习交流,不允许用于商业或违反国家法律法规之用途,否则法律问题自行承担。如有转载需注明文章来源。