提交

gjmhandsome · Jun 17, 2018 · 61af421 · 61af421
1 parent df55045
commit 61af421
Showing 1 changed file with 52 additions and 0 deletions.
diff --git a/canvas.html b/canvas.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title></title>
+	</head>
+	<body>
+		<canvas id="canvas" width="500" height="500"></canvas>
+	</body>
+	<script type="text/javascript">
+		var canvas = document.getElementById('canvas');
+		var c = canvas.getContext('2d');
+
+
+		var points = [];
+
+		var point = function(x,r,v){
+			this.x = x;
+			this.r = r;
+			this.v = v;
+		}
+
+		for (var i = 0 ; i < 10 ; i++) {
+			points.push( new point(Math.random()*10,Math.random()*10+10,Math.random()*3+2) )
+		}
+
+		var drawCircle = function(){
+
+			canvas.width = canvas.width;
+			c.fillStyle = '#ff6700';
+			c.beginPath();
+			for (var i = 0 ; i < points.length ;i++) {
+				c.arc(points[i].x,130,points[i].r,0,2*Math.PI,true);
+				if(points[i].x >　500) {
+					points[i].x = 0;
+				} else {
+					points[i].x = points[i].x + points[i].v;
+				}
+
+			}
+
+			c.closePath();
+			c.fill();
+
+
+		}
+
+		setInterval(drawCircle,17);
+
+
+	</script>
+</html>