该效果常用于H5页面背景
先上效果图来：
代码如下，作了相关注释：
<html>
<head>
<title>飘飞小球背景</title>
<style type="text/css">
.canvasBox{width: 600px; margin: 100px auto;}
</style>
</head>
<body>
<div class="canvasBox">
<canvas id="myCanvas" style="width: 600px; height: 600px;">ie9以上才支持canvas哦</canvas>
</div>
<script type="text/javascript">
/*
by: qiqi
* */
var canvas = document.getElementById('myCanvas');//获取元素
var ctx=canvas.getContext("2d");//创建画布对象
var mW = 1200;
var mH = 1200;
canvas.width
最低0.47元/天 解锁文章
148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
