-
Notifications
You must be signed in to change notification settings - Fork 1
/
JS-Drawing.js
40 lines (31 loc) · 853 Bytes
/
JS-Drawing.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
var mycanvas = document.getElementById('canvas');
var context = mycanvas.getContext("2d");
context.beginPath();
//background w/ Codecademy grey #2
context.fillStyle = "#e6e7e8";
context.fillRect(0,0,200,200);
context.strokeRect (0,0,200,200);
//upper bar
context.fillStyle = "#204056";
context.fillRect(25,25,150,6);
//vert left
context.fillRect(25,25,6,100);
//bottom
context.fillRect(25,125,150,6);
//vert right
context.fillRect(169,55,6,70);
//center swirl
context.fillRect(40,55,130,6);
context.fillRect(40,55,6,60);
context.fillRect(40,110,55,6);
context.fillRect(89,70,6,45);
context.fillRect(55,70,40,6);
//text lines
context.fillRect(105,70,55,6);
context.fillRect(105,83,55,6);
context.fillRect(105,96,55,6);
context.fillRect(105,109,55,6);
//dots
context.fillRect(40,40,6,6);
context.fillRect(52,40,6,6);
context.fillRect(64,40,6,6);