-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTEST_SVG.html
More file actions
57 lines (55 loc) · 9.29 KB
/
Copy pathTEST_SVG.html
File metadata and controls
57 lines (55 loc) · 9.29 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<style>
svg:hover #svg_2,
svg:hover #svg_3,
svg:hover #svg_1{
fill: rgb(166, 204, 255);
}
svg:hover #svg_2,
svg:hover #svg_3,
svg:hover #svg_1{
transition: 500ms;
transition-timing-function: ease-in-out;
-webkit-transition: 500ms;
-webkit-transition-timing-function: ease-in-out;
}
</style>
</head>
<body>
<svg width="340" height="302" xmlns="http://www.w3.org/2000/svg">
<!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
<g>
<title>background</title>
<rect x="-1" y="-1" width="342" height="304" id="canvas_background" fill="#fff"/>
<g id="canvasGrid" display="none">
<rect id="svg_4" width="100%" height="100%" x="0" y="0" stroke-width="0" fill="url(#gridpattern)"/>
</g>
</g>
<g>
<title>Layer 1</title>
<ellipse fill="#fff" stroke="#000" stroke-width="1.5" cx="173.11301" cy="228.25466" id="svg_1" rx="88" ry="63.5"/>
<ellipse fill="#ffffff" stroke="#000" stroke-width="1.5" cx="172.61301" cy="119.25466" id="svg_2" rx="64.5" ry="44.5"/>
<ellipse fill="#fff" stroke="#000" stroke-width="1.5" cx="171.61301" cy="44.73426" id="svg_3" rx="40.5" ry="27"/>
<ellipse fill="#fff" stroke="#000" stroke-width="1.5" cx="154.61301" cy="38.75466" id="svg_5" rx="8.5" ry="5"/>
<ellipse fill="#fff" stroke="#000" stroke-width="1.5" cx="190.11301" cy="38.75466" id="svg_6" rx="8" ry="6"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_8" d="m149.99664,53.17321c0,0 0.26801,0.7709 0.37735,1.13206c0.39429,1.30222 1.53815,1.74237 1.88681,1.8868c0.49304,0.20422 0.7547,0.75471 0.7547,0.75471c0.37735,0.37737 0.75473,0.7547 1.13208,1.13208c0.37735,0.37735 0.63904,0.55048 1.13208,0.7547c0.34863,0.14441 0.7547,0.37738 0.7547,0.37738c0.75473,0.37735 0.90073,0.72362 1.88681,1.13205c0.69727,0.2888 2.19763,0.56085 3.01886,0.75471c0.36725,0.0867 1.08624,0.18622 2.26416,0.37737c0.37247,0.06044 1.13208,0 2.26413,0c0.37738,0 1.50946,0.37735 2.26416,0.37735c1.50943,0 3.01886,0 3.77359,0c0.7547,0 1.13208,0 1.13208,0c0.37735,0 0.7547,0 1.13208,0c0.37735,0 1.13205,0 1.50943,0c0.37735,0 1.13208,0 1.50943,0c0,0 0.37735,0 0.7547,0c0.37738,0 1.13208,-0.37735 1.50946,-0.37735c0.7547,0 1.89688,-0.29065 2.26413,-0.37737c0.82123,-0.19386 1.50943,-0.75471 1.88681,-0.75471c0,0 0.48788,-0.11052 0.7547,-0.37735c0.26685,-0.26683 -0.11566,-0.55049 0.37738,-0.7547c0.34863,-0.14439 0.7547,0 0.7547,0c0.37735,0 1.13208,-0.37738 1.13208,-0.37738c0.7547,-0.37737 1.35312,0.15631 1.88678,-0.37737c0.26682,-0.26683 0.37738,-0.75471 1.13208,-1.13206c0,0 0.40607,-0.23294 0.75473,-0.37737c0.49304,-0.20422 0.38745,-0.66801 0.7547,-0.75471c0.82123,-0.19386 0.75473,-0.7547 1.13208,-1.13208c0,0 0.37735,0 0.37735,-0.37735c0,-0.37737 0.55051,-0.26169 0.75473,-0.7547c0.14441,-0.34863 0.37735,-0.37738 0.37735,-0.75471l0,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_10" d="m189.24191,36.2927c0,0 0,1.13206 0,1.50944c0,0.37736 0.49008,0.77415 1.13208,0.37736c0.71777,-0.44362 0.72598,-0.98767 0.37735,-1.13208c-0.49304,-0.20422 -0.37735,0.75472 -0.37735,1.13208c0,0 -0.17896,0.05635 -0.37735,0.37735c-0.44363,0.71779 -0.75473,0.37737 -1.13208,0.37737c-0.37735,0 -0.37735,-0.37737 -0.37735,-0.7547c0,0 0.37735,0 0.7547,0c0,0 0.37735,0 0.75473,0c0,0 0.37735,0 0.37735,0.37735c0,0.37737 -0.37735,0.75473 -0.37735,0.75473c0,0.37735 0.37735,0.37735 0.7547,0.37735l0.37738,0l0,-0.37735"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_13" d="m153.0155,38.1795c0,0 0,-0.37736 0,-0.75471c0,0 -0.26685,-0.48788 0,-0.75471c0.26682,-0.26683 0.48788,0.11053 0.75473,0.37737c0.26682,0.26682 0.1105,0.11053 0.37735,0.37736c0.26682,0.26683 0.55051,-0.11569 0.75473,0.37737c0.14441,0.34863 0,0.7547 0,1.13206c0,0.37737 0.26682,0.48788 0,0.75471c-0.26685,0.26685 -0.75473,0 -0.75473,0c-0.37735,-0.37735 -0.78345,-0.23294 -1.13208,-0.37735c-0.49304,-0.20422 -0.7547,-0.37738 -1.13208,-0.37738l0,-0.37737"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_15" d="m236.78909,117.60088c1.13208,0 2.27991,0.10999 5.28302,-0.37738c1.89929,-0.3082 3.43268,-0.20142 5.66037,-0.7547c2.31625,-0.5753 4.14536,-0.79602 6.79245,-1.13208c3.38992,-0.43036 6.42093,-0.56712 9.43396,-0.75471c3.03647,-0.18904 5.64026,-0.94292 8.30188,-1.13206c4.1405,-0.29428 6.4151,-0.75471 8.30188,-0.75471c2.26416,0 4.52249,-0.40782 6.4151,-0.75471c2.25778,-0.41382 4.15506,-0.3573 6.03775,-0.75471c3.40405,-0.71855 5.62558,-0.94197 7.1698,-1.13206c1.87268,-0.23056 3.39624,0 5.66037,0c1.50946,0 3.01889,-0.37735 4.90567,-0.37735c1.88678,0 3.44672,0.43349 5.28302,0c0.82123,-0.19386 1.88678,-0.37738 2.64151,-0.37738l0.37735,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_16" d="m106.60043,113.44993c-1.50943,0 -6.75722,-0.37663 -12.83018,-0.75471c-3.7663,-0.23448 -7.16982,-0.37735 -10.18869,-0.7547c-3.01886,-0.37735 -5.65157,-0.44514 -8.30188,-0.75471c-4.13991,-0.48357 -5.28302,-0.75471 -6.79245,-0.75471c-1.50943,0 -2.59569,-0.56357 -3.77359,-0.7547c-1.48993,-0.24179 -2.64151,-0.37738 -4.52831,-0.37738c-1.50943,0 -2.64151,0 -4.15094,0c-0.75471,0 -1.50943,0 -1.50943,0c-0.37737,0 -0.76482,0.0867 -1.13208,0c-0.82123,-0.19385 -1.52962,-0.20395 -2.26414,-0.37735c-0.82123,-0.19385 -2.26416,-0.37737 -3.39621,-0.37737c-1.50946,0 -2.64151,0 -3.77359,0c-0.75471,0 -1.50943,0 -2.64151,0c-1.50943,0 -3.77359,0 -5.66037,0c-3.01889,0 -4.52832,-0.37737 -6.03773,-0.37737c-0.75473,0 -1.50945,-0.37735 -2.26416,-0.37735l0,0l-0.37735,0l-0.37737,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_17" d="m317.54379,107.41219c0,-0.37735 -0.02713,-0.98532 0.75473,-1.88681c0.55286,-0.63744 0.82489,-0.63869 1.50943,-1.13205c0.43292,-0.31204 0.79935,-0.95401 1.13208,-1.13208c1.19958,-0.64201 1.29013,-0.91278 1.88678,-1.50943c0.59665,-0.59665 1.13208,-1.13208 1.50943,-1.50943c0.75473,-0.75473 1.957,-1.39342 2.64151,-1.88681c0.43292,-0.31204 1.14218,-1.04538 1.50943,-1.13208c0.82123,-0.19385 0.48788,-0.86525 0.75473,-1.13208c0.26682,-0.26683 0.86523,-0.11049 1.13208,-0.37735c0.26685,-0.26683 0,-0.37737 0,-0.37737l-0.37738,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_18" d="m317.54379,105.5254c0.37735,0.75473 0.23294,0.78346 0.37735,1.13208c0.40845,0.98608 1.13208,1.13206 1.88681,1.8868c0.7547,0.75471 1.49179,1.53659 2.64151,2.26414c1.85931,1.17664 3.26318,2.25378 4.90564,2.64151c1.10181,0.2601 1.91553,0.23296 2.26416,0.37737c0.98608,0.40846 1.75378,1.49907 3.39624,1.88681c0.36725,0.0867 0.37735,0 1.50943,0.7547l0.37735,0.37735l0.75473,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_19" d="m317.54379,107.41219c0,0.7547 0,1.8868 0,2.26416c0,0.7547 0.18622,1.08624 0.37735,2.26413c0.12088,0.74496 0.56088,1.44293 0.75473,2.26414c0.1734,0.73454 0.08853,1.56689 0.37735,2.26416c0.20422,0.49304 0.75473,0.75471 1.13208,2.26414c0,0 0.36044,0.96193 0.75473,2.26416c0.54675,1.80582 -0.0867,3.02896 0,3.39621c0.19385,0.82123 0.03693,1.06581 0.7547,1.50943c0.32101,0.19839 0.37738,0 0.37738,0.75471c0,0.37737 0.37735,0.75471 0.37735,1.13208c0,0.37734 0.37735,0.75472 0.37735,1.13207l0,0.37735l0.37735,0.37738l0,0.37735"/>
<path fill="none" stroke="#000" stroke-width="1.5" id="svg_20" d="m27.73402,106.27975c0,0 -0.84521,-0.76945 -2.43854,-1.66551c-2.07741,-1.16832 -5.04408,-3.61934 -6.90919,-4.9966c-0.73724,-0.54442 -1.21925,-0.83276 -2.03212,-1.24918c0,0 0,-0.41635 -0.4064,-0.83275c-0.40645,-0.41638 -0.75299,-0.90483 -1.21925,-1.24916c-0.73726,-0.5444 -0.81287,-0.83276 -1.2193,-1.24916c0,0 -0.40642,0 -0.40642,0c0,-0.41637 -0.40642,-0.41637 -0.81284,-0.41637l0,-0.41638l-0.40645,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" stroke-opacity="null" fill-opacity="null" id="svg_21" d="m8.48722,113.07258c0.37738,-0.37737 0.74107,-0.42108 1.88681,-0.75471c1.49384,-0.435 2.33092,-0.5076 4.15094,-1.13208c0.79813,-0.27385 1.46361,-0.56357 2.64151,-0.7547c0.74495,-0.12091 1.53815,-0.23297 1.8868,-0.37738c0.49303,-0.20421 1.13208,-0.7547 1.13208,-0.7547c0.37735,0 0.75471,0 1.13206,0c0,0 0.7547,0 0.7547,0c0.75471,0 1.06557,-0.1835 1.88681,-0.37735c0.36725,-0.0867 1.2426,-0.11053 1.50943,-0.37738c0.53368,-0.53368 1.13208,-0.37735 1.50945,-0.7547c0.37737,-0.37738 0.37735,-0.37738 0.37735,-0.75471c0,-0.37737 0.37737,-0.37737 0.75471,-0.75471l0.37737,0"/>
<path fill="none" stroke="#000" stroke-width="1.5" stroke-opacity="null" fill-opacity="null" id="svg_22" d="m15.27967,124.01597c0.37738,-0.75471 0.81012,-1.83519 1.50943,-2.64151c1.23624,-1.42538 1.31348,-2.0224 1.88681,-2.64151c1.49503,-1.61446 4.15897,-4.35219 4.90567,-5.28302c1.37682,-1.71635 3.08417,-2.96329 3.39621,-3.39622c0.49338,-0.68451 0.86362,-1.45972 1.50943,-3.01886c0.45665,-1.10248 0.37735,-1.50945 0.75471,-1.8868l0,-0.37737"/>
</g>
</svg>
</body>
</html>