-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (72 loc) · 2.9 KB
/
index.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<svg id="svg"></svg>
<script type="module">
import SVGRenderingContext from "./index.js";
window.ctx = new SVGRenderingContext(svg);
ctx.beginPath(),
ctx.strokeStyle="rgba(0,0,0,0)",
ctx.lineCap="butt",
ctx.lineJoin="miter",
ctx.miterLimit=4,
ctx.save(),
ctx.fillStyle="#ffffff",
ctx.beginPath(),
ctx.arc(42.4,52.5,30.3,0,6.283185307179586,!0),
ctx.closePath(),
ctx.fill(),
ctx.stroke(),
ctx.restore(),
ctx.save(),
ctx.fillStyle="white",
ctx.beginPath(),
ctx.moveTo(71.624,44.496),
ctx.bezierCurveTo(68.112,31.647,56.363,22.2,42.4,22.2),
ctx.bezierCurveTo(25.665999999999997,22.2,12.099999999999998,35.765,12.099999999999998,52.5),
ctx.bezierCurveTo(12.099999999999998,55.771,12.623999999999999,58.916,13.582999999999998,61.867000000000004),
ctx.lineTo(71.624,44.496),
ctx.closePath(),
ctx.fill(),
ctx.stroke(),
ctx.restore(),
ctx.save(),
ctx.beginPath(),
ctx.moveTo(42.4,22.2),
ctx.bezierCurveTo(59.134,22.2,72.7,35.765,72.7,52.5),
ctx.bezierCurveTo(72.7,69.235,59.135,82.8,42.4,82.8),
ctx.bezierCurveTo(25.665,82.8,12.1,69.234,12.1,52.5),
ctx.bezierCurveTo(12.1,35.766000000000005,25.666,22.2,42.4,22.2),
ctx.moveTo(42.4,15.2),
ctx.bezierCurveTo(21.833,15.2,5.100000000000001,31.932,5.100000000000001,52.5),
ctx.bezierCurveTo(5.100000000000001,73.068,21.832,89.8,42.4,89.8),
ctx.bezierCurveTo(62.967999999999996,89.8,79.69999999999999,73.068,79.69999999999999,52.5),
ctx.bezierCurveTo(79.69999999999999,31.932000000000002,62.968,15.2,42.4,15.2),
ctx.lineTo(42.4,15.2),
ctx.closePath(),
ctx.fill(),
ctx.stroke(),
ctx.restore(),
ctx.save(),
ctx.beginPath(),
ctx.moveTo(16.3,66.85),
ctx.bezierCurveTo(41.8,60.148999999999994,67.2,53.449999999999996,92.601,46.648999999999994),
ctx.bezierCurveTo(96.201,45.648999999999994,99.8,44.748999999999995,103.5,43.748999999999995),
ctx.bezierCurveTo(111,41.748999999999995,107.8,30.148999999999994,100.3,32.148999999999994),
ctx.bezierCurveTo(74.901,38.94899999999999,49.400999999999996,45.748999999999995,24,52.449),
ctx.bezierCurveTo(20.4,53.449,16.8,54.349,13.101,55.349),
ctx.bezierCurveTo(5.7,57.35,8.9,68.85,16.3,66.85),
ctx.lineTo(16.3,66.85),
ctx.closePath(),
ctx.fill(),
ctx.stroke(),
ctx.restore()
</script>
</body>
</html>