Home Explore Help
Sign In
okriuchkov
/
homework
Watch 1
Star 0
Fork 0
Files Issues 4 Pull Requests 0 Wiki
Browse Source

Методы объектов и контекст исполнения функции

Oleg 6 years ago
parent
4ec662cfb9
commit
ca34ee480a
2 changed files with 53 additions and 0 deletions
Split View Show Diff Stats
  1. 14 0
      JS_20.03.2018/index.html
  2. 39 0
      JS_20.03.2018/script.js

+ 14 - 0
JS_20.03.2018/index.html
View File 

@@ -0,0 +1,14 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>document</title>
 
+	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 
+	<script type="text/javascript" src="script.js"></script>
 
+</head>
 
+<body>
 
+
 
+	<canvas id="canvasID"></canvas>
 
+
 
+</body>
 
+</html>

+ 39 - 0
JS_20.03.2018/script.js
View File 

@@ -0,0 +1,39 @@
 
+function Figure(x,y,color) {
 
+	this.x = x;
 
+	this.y = y;
 
+	this.color = color;
 
+};
 
+
 
+function Circle(x,y,r,color) {
 
+	Figure.call(this,x,y,color);
 
+
 
+	this.draw = function() {
 
+
 
+		var canvas = document.getElementById("canvasID"),
 
+			ctx = canvas.getContext("2d");
 
+
 
+		// ctx.strokeStyle = "#000";   - граница
 
+	    ctx.fillStyle = color;
 
+	    ctx.beginPath();
 
+	    ctx.arc(x, y, r, 0, Math.PI*2, true);
 
+	    ctx.closePath();
 
+	    // ctx.stroke();
 
+	    ctx.fill();
 
+	};
 
+};
 
+
 
+function Canvas() {
 
+
 
+	this.add = function() {
 
+
 
+	}
 
+};
 
+
 
+
 
+
 
+//------------------//
 
+
 
+// var line = new Line(50, 250, 200, 200, 'red'); // x1, y1, x2, y2, color
 
+var circle = new Circle(120, 100, 50, 'green'); // x, y, r, color
 
+circle.draw();
 
+// var rect = new Rect(260, 130, 60, 120, 'blue'); // x, y, w, h, color