我是靠谱客的博主 可耐秀发,最近开发中收集的这篇文章主要介绍canvas-nest.js基于html5 canvas绘制的网页背景效果,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

开源地址

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://my.oschina.net/u/2317869/blog/1501481

最后

以上就是可耐秀发为你收集整理的canvas-nest.js基于html5 canvas绘制的网页背景效果的全部内容,希望文章能够帮你解决canvas-nest.js基于html5 canvas绘制的网页背景效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部