原作地址:http://codepen.io/svendsen/pen/eNjqar
效果如下:
本人将其源代码重写后并添加注释,直接复制保存为HTML即可看到效果。
源码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body {
text-align: center;
background-color: #2c3e50;
}
canvas {
border: 20px solid black;
}
</style>
</head>
<body>
<canvas id="canvas" width="600" height="600"></canvas>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
//获取min至max间的随机数
function get