-
Notifications
You must be signed in to change notification settings - Fork 0
/
out.html
204 lines (202 loc) · 10.8 KB
/
out.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Urbino</title>
<script type="text/javascript" src="core/raphael-min.js"></script>
<script type="text/javascript">
window.onload = (function(){
var holder = document.getElementById("holder");
holder.innerHTML = ""; //replace svg content with raphael
/*Created in Urbino v0.4*/
/*Initialize paper*/
var paper = Raphael(holder, 680, 360),
els = {
rect109: paper.rect().attr({
"x": 88,
"y": 49,
"width": 377,
"height": 214,
"r": 0,
"rx": 0,
"ry": 0,
"fill": "#48e",
"stroke": "none",
"transform": [
["R", 0, 276.5, 156],
["S", 1, 1, 276.5, 156],
["T", 18, 5]
]
}),
ellipse201: paper.ellipse().attr({
"cx": 452,
"cy": 91.5,
"rx": 110,
"ry": 61.5,
"fill": "#48e",
"stroke": "none"
}),
text224: paper.text().attr({
"x": 0,
"y": 0,
"text-anchor": "middle",
"text": "",
"font": "10px \"Arial\"",
"stroke": "none",
"fill": "#48e",
"font-size": 30
}),
image294: paper.image().attr({
"x": 43,
"y": 89,
"width": 190,
"height": 188,
"src": "http://www.wowace.com/thumbman/avatars/6/707/300x300/600px-718smiley.svg.png.-m0.png"
}),
path313: paper.path().attr({
"fill": "#5ced27",
"stroke": "none",
"path": [
["M", 305, 263],
["C", 305, 263, 88, 82, 75, 158],
["C", 62, 234, 373, 235, 373, 235],
["C", 373, 235, 356, -11, 304, 40],
["C", 252, 91, 130, 169, 130, 169],
["C", 130, 169, 452, 140, 524, 116]
],
"fill-opacity": 1
}).animate({
"0": {
"path": [
["M", 253, 32],
["C", 253, 32, 502, 41, 489, 117],
["C", 476, 193, 373, 235, 373, 235],
["C", 373, 235, 318, 173, 266, 224],
["C", 214, 275, 130, 169, 130, 169],
["C", 130, 169, 37, 100, 109, 76]
]
},
"100": {
"path": [
["M", 305, 263],
["C", 305, 263, 88, 82, 75, 158],
["C", 62, 234, 373, 235, 373, 235],
["C", 373, 235, 356, -11, 304, 40],
["C", 252, 91, 130, 169, 130, 169],
["C", 130, 169, 452, 140, 524, 116]
]
},
"3.16291": {
"path": [
["M", 253, 32],
["C", 253, 32, 502, 41, 489, 117],
["C", 476, 193, 373, 235, 373, 235],
["C", 373, 235, 318, 173, 266, 224],
["C", 214, 275, 130, 169, 130, 169],
["C", 130, 169, 37, 100, 109, 76]
]
},
"3.162909": {
"path": [
["M", 253, 32],
["C", 253, 32, 502, 41, 489, 117],
["C", 476, 193, 373, 235, 373, 235],
["C", 373, 235, 318, 173, 266, 224],
["C", 214, 275, 130, 169, 130, 169],
["C", 130, 169, 37, 100, 109, 76]
]
}
}, 2308),
path663: paper.path().attr({
"fill": "rgb(169,47,47)",
"stroke": "none",
"path": [
["M", 72.059, 89.046],
["C", 55.468999999999994, 91.06200000000001, 53.623999999999995, 46.824000000000005, 53.623999999999995, 44.52],
["L", 53.565, 44.289],
["L", 53.683, 44.234],
["L", 59.616, 41.121],
["L", 60.421, 40.719],
["C", 60.421, 40.719, 60.421, 41.238, 60.421, 41.297000000000004],
["C", 60.71, 51.949000000000005, 66.469, 71.70700000000001, 72.288, 70.382],
["C", 84.96, 67.503, 83.116, 29.312000000000005, 82.76899999999999, 24.246000000000002],
["C", 82.76899999999999, 24.187, 82.713, 24.187, 82.713, 24.129],
["L", 83.05799999999999, 23.727],
["L", 87.205, 18.426000000000002],
["L", 87.318, 19.004],
["L", 87.43599999999999, 19.637],
["C", 90.316, 35.418, 90.895, 86.8, 72.059, 89.046],
["Z"]
],
"fill-opacity": 1
}).animate({
"0": {
"fill": "rgb(0,0,0)"
},
"100": {
"fill": "#ca3838"
},
"2.0082": {
"fill": "rgb(0,0,0)"
},
"2.008199": {
"fill": "rgb(0,0,0)"
},
"50.40984": {
"fill": "#000000"
}
}, 2440),
path664: paper.path().attr({
"fill": "#FF0000",
"stroke": "none",
"path": [
["M", 83.98, 4.258],
["C", 99.82, 17.562, 55.238, 40.777, 52.59, 42.102],
["H", 52.531000000000006],
["H", 52.473000000000006],
["L", 45.964000000000006, 39.394999999999996],
["L", 45.50300000000001, 39.163999999999994],
["L", 46.02300000000001, 38.815999999999995],
["C", 53.22300000000001, 33.98, 76.08900000000001, 17.046999999999997, 63.64800000000001, 14.222999999999995],
["C", 47.69100000000001, 10.534999999999995, 22.464000000000013, 27.011999999999993, 17.973000000000013, 31.503999999999994],
["H", 17.74200000000001],
["L", 10.888000000000012, 31.101999999999993],
["L", 10.485000000000012, 31.042999999999992],
["C", 10.599000000000013, 30.98399999999999, 10.657000000000012, 30.87099999999999, 10.771000000000011, 30.75399999999999],
["C", 31.336, 12.035, 72.402, -5.477, 83.98, 4.258],
["Z"]
]
}),
path665: paper.path().attr({
"fill": "#FFCC00",
"stroke": "none",
"path": [
["M", 51.207, 44.059],
["V", 44.348],
["L", 51.438, 51.664],
["V", 51.836],
["L", 51.089000000000006, 51.777],
["C", 47.92100000000001, 50.855000000000004, 25.573000000000008, 40.836, 20.503000000000007, 49.418],
["C", 15.84, 57.309, 34.789, 74.3, 45.676, 76.257],
["L", 42.91, 64.566],
["V", 64.336],
["L", 43.257999999999996, 64.391],
["L", 53.28099999999999, 67.331],
["L", 53.51199999999999, 67.443],
["L", 53.565999999999995, 67.616],
["C", 56.272999999999996, 80.807, 60.309, 87.54599999999999, 59.788999999999994, 87.432],
["C", 23.27, 82.882, -3.742, 50.453, 1.957, 38.012],
["C", 7.4879999999999995, 25.859, 48.383, 42.906, 51.035000000000004, 44.004],
["L", 51.207, 44.059],
["Z"]
]
}),
};
});
</script>
<body>
<div id="holder">
<svg style="overflow: hidden; position: relative;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" version="1.1" height="100%"><rect transform="matrix(1,0,0,1,18,5)" x="88" y="49" width="377" height="214" r="0" rx="0" ry="0" fill="#48e" stroke="none"></rect><ellipse transform="matrix(1,0,0,1,0,0)" cx="452" cy="91.5" rx="110" ry="61.5" fill="#48e" stroke="none"></ellipse><text transform="matrix(1,0,0,1,0,0)" style="text-anchor: middle; font: normal normal normal 10px/normal Arial; font-size: 30px;" x="0" y="0" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#48e" font-size="30px"><tspan dy="10.903846153846155"></tspan></text><image transform="matrix(1,0,0,1,0,0)" preserveAspectRatio="none" x="43" y="89" width="190" height="188" xlink:href="http://www.wowace.com/thumbman/avatars/6/707/300x300/600px-718smiley.svg.png.-m0.png"></image><path transform="matrix(1,0,0,1,0,0)" fill="#5ced27" stroke="none" d="M305,263C305,263,88,82,75,158C62,234,373,235,373,235C373,235,356,-11,304,40C252,91,130,169,130,169C130,169,452,140,524,116" transform="" fill-opacity="1"></path><path transform="matrix(1,0,0,1,0,0)" fill="rgb(169,47,47)" stroke="none" d="M72.059,89.046C55.468999999999994,91.06200000000001,53.623999999999995,46.824000000000005,53.623999999999995,44.52L53.565,44.289L53.683,44.234L59.616,41.121L60.421,40.719C60.421,40.719,60.421,41.238,60.421,41.297000000000004C60.71,51.949000000000005,66.469,71.70700000000001,72.288,70.382C84.96,67.503,83.116,29.312000000000005,82.76899999999999,24.246000000000002C82.76899999999999,24.187,82.713,24.187,82.713,24.129L83.05799999999999,23.727L87.205,18.426000000000002L87.318,19.004L87.43599999999999,19.637C90.316,35.418,90.895,86.8,72.059,89.046Z" transform="R0,71.25491038287493,53.76942178585635S1,1,71.25491038287493,53.76942178585635T0,0" fill-opacity="1"></path><path transform="matrix(1,0,0,1,0,0)" fill="#FF0000" stroke="none" d="M83.98,4.258C99.82,17.562,55.238,40.777,52.59,42.102H52.531000000000006H52.473000000000006L45.964000000000006,39.394999999999996L45.50300000000001,39.163999999999994L46.02300000000001,38.815999999999995C53.22300000000001,33.98,76.08900000000001,17.046999999999997,63.64800000000001,14.222999999999995C47.69100000000001,10.534999999999995,22.464000000000013,27.011999999999993,17.973000000000013,31.503999999999994H17.74200000000001L10.888000000000012,31.101999999999993L10.485000000000012,31.042999999999992C10.599000000000013,30.98399999999999,10.657000000000012,30.87099999999999,10.771000000000011,30.75399999999999C31.336,12.035,72.402,-5.477,83.98,4.258Z" transform="R0,48.92998549096067,21.789906190135003S1,1,48.92998549096067,21.789906190135003T0,0"></path><path transform="matrix(1,0,0,1,0,0)" fill="#FFCC00" stroke="none" d="M51.207,44.059V44.348L51.438,51.664V51.836L51.089000000000006,51.777C47.92100000000001,50.855000000000004,25.573000000000008,40.836,20.503000000000007,49.418C15.84,57.309,34.789,74.3,45.676,76.257L42.91,64.566V64.336L43.257999999999996,64.391L53.28099999999999,67.331L53.51199999999999,67.443L53.565999999999995,67.616C56.272999999999996,80.807,60.309,87.54599999999999,59.788999999999994,87.432C23.27,82.882,-3.742,50.453,1.957,38.012C7.4879999999999995,25.859,48.383,42.906,51.035000000000004,44.004L51.207,44.059Z" transform="R0,30.515451690732046,60.54714231046678S1,1,30.515451690732046,60.54714231046678T0,0"></path></svg>
</div>
</body>
</html>