-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathKite in java.html
40 lines (31 loc) · 999 Bytes
/
Kite in java.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
<html>
<head>
<title>Kite using Canvas</title>
</head>
<body>
<canvas id="kite" height="300" width="300" style="border :solid #E90003;color:#0606DB"></canvas>
<script>
var canvas = document.getElementById('kite')
var context = canvas.getContext("2d")
context.moveTo(50, 100);
context.lineTo(150, 10); //top first line
context.moveTo(250, 110);
context.lineTo(150, 10); //top second line
context.moveTo(150, 10);
context.lineTo(150, 230);//middle line
context.moveTo(50, 100);
context.lineTo(150, 230);//bottom firstline
context.moveTo(250, 110);
context.lineTo(150, 230);//bottom secondline
context.moveTo(100, 270);
context.lineTo(150, 230);//small first line
context.moveTo(200, 270);
context.lineTo(150, 230);//small secondline
context.moveTo(200, 270);
context.lineTo(100, 270);//bottom line
context.moveTo(50, 100);
context.arc(146, 175, 120, 10.1, Math.PI * -0.17, false); //Circle of the kite
context.stroke();
</script>
</body>
</html>