canvas-nest.js基于html5 canvas绘制的网页背景效果
2017-08-03 16:26
731 查看
开源地址
https://github.com/hustcc/canvas-nest.js
下载js地址
http://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js
<body>
<!-- 下面的js必须在body里面引入 color:设置点和线的颜色 count:设置点的个数,count的数量不宜太多,太多会拖慢加载速度 -->
<script type="text/javascript" color="0,209,178" opacity='0.9' zIndex="-2" count="300" src="canvas-nest.min.js"></script>
</body>
设置线条的粗细 canvas-nest.min.js的 lineWidth 属性即可
设置线条的颜色 canvas-nest.min.js的 strokeStyle 属性即可
该js只是我在github找到自己用觉得好用,并不是自己写的
https://github.com/hustcc/canvas-nest.js
下载js地址
http://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js
<body>
<!-- 下面的js必须在body里面引入 color:设置点和线的颜色 count:设置点的个数,count的数量不宜太多,太多会拖慢加载速度 -->
<script type="text/javascript" color="0,209,178" opacity='0.9' zIndex="-2" count="300" src="canvas-nest.min.js"></script>
</body>
设置线条的粗细 canvas-nest.min.js的 lineWidth 属性即可
设置线条的颜色 canvas-nest.min.js的 strokeStyle 属性即可
该js只是我在github找到自己用觉得好用,并不是自己写的
相关文章推荐
- 网页背景效果canvas-nest.js
- 超赞网页背景效果-canvas-nest.js
- 超炫网页背景效果canvas-nest.js
- js+html5实现canvas绘制网页时钟的方法
- 基于html5 canvas和js实现的水果忍者网页版
- 网页背景效果-canvas-nest
- JS+html5 canvas实现的简单绘制折线图效果示例
- 网页,html5,canvas,js 动态绘制柱形图
- 一个非常赞的网页背景效果——canvas-nest
- canvas-nest.js超简单--炫酷的网页粒子背景
- JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
- 网页粒子背景插件 -Canvas-nest.js
- 基于html5 canvas和js实现的水果忍者网页版
- canvas-nest 很好玩的网页背景
- js+html5实现canvas绘制镂空字体文本的方法
- js基于面向对象实现网页TAB选项卡菜单效果代码
- HTML5 JS Canvas利用贝塞尔曲线绘制圆角矩形
- 用HTML5 Canvas为网页添加动态波浪背景
- js基于面向对象实现网页TAB选项卡菜单效果代码
- js+html5绘制图片到canvas的方法