-
Notifications
You must be signed in to change notification settings - Fork 0
/
01_02_arco_iris.html
43 lines (35 loc) · 1.07 KB
/
01_02_arco_iris.html
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
41
42
43
<canvas width="500" height="500"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.strokeStyle = 'red';
pincel.beginPath();
pincel.arc(200, 150, 100, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
pincel.strokeStyle = 'orange';
pincel.beginPath();
pincel.arc(200, 150, 90, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
pincel.strokeStyle = 'yellow';
pincel.beginPath();
pincel.arc(200, 150, 80, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
pincel.strokeStyle = 'green';
pincel.beginPath();
pincel.arc(200, 150, 70, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
pincel.strokeStyle = 'blue';
pincel.beginPath();
pincel.arc(200, 150, 60, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
pincel.strokeStyle = 'purple';
pincel.beginPath();
pincel.arc(200, 150, 50, 0, 1*Math.PI, true);
pincel.lineWidth = 10;
pincel.stroke();
</script>