-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbrokenwindow.html
More file actions
94 lines (88 loc) · 12.8 KB
/
Copy pathbrokenwindow.html
File metadata and controls
94 lines (88 loc) · 12.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SVG Glass Effect</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg width="1000px" height="1000px" viewBox="0 0 1000 1000">
<defs>
<filter id="smallDistortion">
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" result="turbulence" />
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="10" xChannelSelector="R" yChannelSelector="G" />
</filter>
<filter id="filter-blur-svg">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" />
</filter>
<filter id="filter-blur-svg-wang">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter>
<filter id="filter-blur-svg-window">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" />
</filter>
<g aria-label="玫瑰酒店"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;line-height:1.25;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill: #f20000;fill-opacity:1;stroke:none;stroke-width:1.51825976"
id="text842" inkscape:label="text842">
<path
d="m 38.557189,128.80234 -0.736644,4.05154 h 18.784424 q 1.841611,1.10497 0,2.20993 h -3.314898 q 0,15.10121 -7.734763,25.78255 5.524831,5.1565 12.52295,8.4714 1.104966,1.84161 -0.736644,2.20993 -6.629797,-2.94657 -13.627916,-8.83972 -6.629797,5.52483 -15.469526,8.83972 -2.209932,-0.36832 -0.736644,-2.20993 8.471407,-2.94657 14.732882,-8.4714 -4.419865,-5.52484 -7.734763,-16.5745 -1.104966,3.3149 -4.051543,8.47141 -1.84161,0.73664 -1.84161,-1.10497 6.261475,-11.04966 7.734763,-22.83596 1.104966,-1.84161 2.209932,0 z m -21.362678,0.36832 H 29.71746 q 1.84161,1.10497 0,2.20993 h -5.156508 v 13.2596 h 4.419864 q 2.209932,1.10496 0,2.20993 h -4.419864 v 13.99624 q 3.314898,-1.84161 5.156508,-2.94658 2.209932,0 1.104966,1.84161 -5.893152,3.3149 -13.627915,7.36644 -2.209933,-0.36832 -0.736644,-2.20993 2.578254,-1.10497 5.893152,-2.94658 v -15.1012 h -5.156508 q -2.209933,-1.10497 0,-2.20993 h 5.156508 v -13.2596 h -5.156508 q -1.841611,-1.10496 0,-2.20993 z m 33.885628,5.89315 H 37.452223 q -0.736644,2.57826 -1.473288,5.89316 2.578254,11.04966 7.734763,18.04778 6.998119,-9.20806 7.366441,-23.94094 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:1.51825976;fill:#f20000"
id="mei" inkscape:connector-curvature="0" />
<path inkscape:label="path846" id="gui"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;display:inline;stroke-width:1.51825976;fill:#f20000;"
d="m 90.124894,126.98374 c 1.227746,-0.98219 1.964386,-0.73664 2.209936,0.73665 -0.4911,0.73664 -1.227745,1.84161 -2.209936,3.3149 h 9.944696 c 2.94657,0 4.29709,1.22774 4.05154,3.68322 v 12.89127 c 0.24555,2.94657 -1.10497,4.29709 -4.05154,4.05154 h -6.99812 v 9.9447 c 1.47329,-2.94658 2.57825,-5.77038 3.3149,-8.47141 0.98219,-0.98219 1.71884,-0.85942 2.20993,0.36832 -0.73665,2.94658 -1.71884,5.52483 -2.94657,7.73476 l 5.89314,-1.10496 -1.47328,-4.05154 c 0.24555,-1.22775 0.98219,-1.4733 2.20993,-0.73665 0.98219,2.45548 1.71884,4.78819 2.20993,6.99812 0,1.22774 -0.61387,1.59606 -1.84161,1.10497 l -0.36832,-1.10497 -6.99812,1.10497 c -1.22774,0.24555 -1.96438,-0.12278 -2.20993,-1.10497 v 3.3149 c 0,1.47329 0.73664,2.08716 2.20993,1.84161 h 7.36644 c 1.71884,0.24555 2.45548,-1.22774 2.20993,-4.41987 0.73665,-0.98219 1.47329,-0.98219 2.20994,0 0.24555,4.66541 -0.98219,6.87535 -3.68322,6.6298 h -8.47141 c -2.70103,0.24555 -4.051541,-0.98219 -4.051541,-3.68322 v -14.36456 c -2.701029,9.82192 -8.471408,16.20617 -17.311137,19.15275 -1.22774,-0.24555 -1.473288,-0.9822 -0.736644,-2.20994 8.103085,-2.94658 13.382368,-8.59418 15.837848,-16.94281 h -6.629797 c -2.45548,0.24555 -3.68322,-0.98219 -3.68322,-3.68322 v -12.89127 c 0,-2.70103 1.350514,-4.05154 4.051542,-4.05154 h 5.156509 c 0.982192,-1.47329 1.84161,-2.82381 2.578254,-4.05155 z m -0.368322,6.26148 h -6.998118 c -1.473289,0 -2.209933,0.73664 -2.209933,2.20993 v 4.78819 h 9.208051 z m 9.944698,0 h -7.73476 v 6.99812 h 9.94469 v -5.15651 c 0.24555,-1.22774 -0.4911,-1.84161 -2.20993,-1.84161 z m -9.944698,9.20805 h -9.208051 v 5.15651 c 0,1.47329 0.736644,2.08716 2.209933,1.84161 h 6.261474 z m 12.154628,0 h -9.94469 l -0.73665,6.99812 h 8.47141 c 1.71883,0.24555 2.45548,-0.36832 2.20993,-1.84161 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccsccccccccccccccccsccccccscccccssscccsscccsccccsccsccccccccc" />
<path
d="m 112.58992,130.27563 q -0.73664,-2.20994 1.47329,-1.84161 3.68322,2.94657 6.6298,6.26147 0.73664,2.20993 -1.47329,1.47329 -3.3149,-3.3149 -6.6298,-5.89315 z m 8.83973,-1.10497 h 29.46576 q 1.10497,1.10497 0,2.20993 h -8.83973 v 5.89315 h 5.52483 q 4.41987,0 4.05155,3.68323 v 26.51918 q 0.36832,4.05154 -4.41987,3.68322 h -21.36268 q -3.68322,0.36832 -3.68322,-3.68322 v -26.15086 q 0.36833,-4.05155 3.68322,-4.05155 h 5.15651 v -5.89315 h -9.57637 q -1.47329,-1.10496 0,-2.20993 z m 18.4161,2.20993 h -6.6298 v 5.89315 h 6.6298 z m -8.83973,8.10309 h -4.41986 q -2.20993,0 -2.20993,2.20993 v 18.4161 h 25.04589 v -5.52483 h -5.1565 q -4.41987,0.36832 -4.41987,-4.41986 v -10.68134 h -6.6298 q 0.36833,10.68134 -5.52483,16.20617 -2.20993,0 -1.10496,-1.84161 5.15651,-5.52483 4.41986,-14.36456 z m 16.20617,0 h -5.15651 v 11.04966 q 0,2.20993 2.20994,1.84161 h 5.1565 v -10.68134 q 0.36833,-2.20993 -2.20993,-2.20993 z m -35.72724,2.20993 q 4.05155,3.3149 6.99812,6.26147 0.73665,2.20994 -1.47329,1.47329 -3.31489,-2.94657 -6.99811,-5.89315 -0.73665,-2.20993 1.47328,-1.84161 z m 5.89316,12.52295 q 1.84161,-1.84161 2.20993,0.36832 -2.57826,6.99812 -7.73476,14.36456 -2.20994,1.10497 -1.84161,-1.10497 5.1565,-7.73476 7.36644,-13.62791 z m 32.04401,8.10308 h -25.04589 v 4.41987 q 0,2.57825 2.20993,2.20993 h 20.62603 q 2.57826,0.36832 2.20993,-2.20993 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:1.51825976;;fill:#f20000"
id="jiu" inkscape:connector-curvature="0" />
<path
d="m 178.88789,128.06569 q 1.10497,1.84161 1.84161,4.05155 h 16.20617 q 1.84161,1.10496 0,2.20993 h -32.41234 q -2.20993,0 -2.20993,2.20993 v 12.52295 q 0.36832,14.36456 -4.05154,22.46764 -2.20993,0.73665 -1.84161,-1.47328 4.05154,-7.73477 3.68322,-20.99436 v -13.25959 q 0,-3.68322 3.68322,-3.68322 h 14.73288 q -0.73664,-1.84161 -1.47329,-3.3149 0,-1.47329 1.84161,-0.73665 z m 1.84161,7.73477 v 5.89315 h 18.04778 q 1.84161,1.10497 0,2.20993 H 180.7295 v 7.36644 h 10.31302 q 4.78819,0 4.41986,3.68322 v 11.78631 q 0.36833,4.05154 -3.68322,3.68322 h -21.36267 q -3.68323,0.36832 -3.68323,-3.68322 V 154.9532 q 0,-3.68322 3.68323,-3.68322 h 8.10308 v -15.46952 q 1.10497,-1.47329 2.20993,0 z m 9.57638,17.67945 h -19.15275 q -2.20993,0 -2.20993,2.20994 v 10.31301 q 0,2.57826 2.20993,2.20994 h 19.88939 q 2.57825,0.36832 2.20993,-2.20994 v -10.31301 q 0.36832,-2.20994 -2.94657,-2.20994 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:1.51825976;fill:#f20000;"
id="dian" inkscape:connector-curvature="0" />
<path
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:47.14522171px;line-height:1.25;font-family:YouYuan;-inkscape-font-specification:'YouYuan, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:inline;fill-opacity:1;stroke-width:1.51825976;fill:#f20000"
d="m 61.367472,130.11478 h 13.2596 c 1.22774,0.73665 1.22774,1.47329 0,2.20993 h -5.89316 v 12.52295 h 4.41987 c 1.22774,0.73665 1.22774,1.4733 0,2.20994 h -4.41987 v 14.36456 c 2.70104,-0.98219 4.91097,-1.84161 6.62981,-2.57826 1.22774,0.24555 1.47328,0.98219 0.73664,2.20993 -4.66541,1.96439 -9.57638,3.68323 -14.73289,5.15652 -1.22774,-0.4911 -1.35052,-1.22774 -0.36832,-2.20994 2.20993,-0.73665 4.05154,-1.35052 5.52483,-1.84161 v -15.1012 h -4.78819 c -1.22774,-0.73664 -1.22774,-1.47329 0,-2.20994 h 4.78819 v -12.52295 h -5.15651 c -1.22774,-0.73664 -1.22774,-1.47328 0,-2.20993 z"
id="wang" inkscape:connector-curvature="0" />
</g>
<clipPath id="brokenwindow">
<path
style="fill:none;fill-opacity:1;stroke:#73a55b;stroke-width:0.13192782;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 71.213729,186.93404 h 0.09108 l 39.841251,-28.33716 0.90424,24.22727 19.51487,-10.80549 46.29619,6.16521 -39.57046,-11.67019 69.81502,-18.71902 -51.17883,-3.28311 -10.57636,-0.1562 0.0156,-0.52136 -4.6473,-0.29798 4.65307,0.12034 0.83459,-27.43126 -29.18741,20.96313 -32.716983,-16.09328 4.378167,19.72217 -38.430075,-22.71019 15.677428,23.52335 -58.6900966,12.68158 65.5670776,-1.88555 -11.939309,5.53299 18.088863,6.95323 z"
id="path817" inkscape:connector-curvature="0" />
</clipPath>
<clipPath id="brokenwindow1">
<path
style="fill:none;fill-opacity:1;stroke:#73a55b;stroke-width:0.10304408;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 8.223522,116.21084 v 38.02155 L 66.732561,141.59 51.055169,118.0667 l 38.429992,22.71015 -4.378165,-19.72213 32.716914,16.09324 29.15107,-20.93712 z m 138.786898,0 -0.83375,27.40524 -4.65307,-0.12034 4.6473,0.29798 -0.0156,0.52135 10.57634,0.15621 51.17872,3.2831 -69.81487,18.71899 39.57039,11.67015 -46.2961,-6.1652 -19.51483,10.80549 -0.90424,-24.22724 -39.841156,28.33709 h -0.09111 l 8.740665,-22.02146 -18.088824,-6.95321 11.939284,-5.53298 -65.3860088,1.88018 v 32.68229 H 208.12048 v -70.73764 z"
id="rect4544" inkscape:connector-curvature="0" />
</clipPath>
<g id="showbrokenwindow1">
<path
style="fill:none;fill-opacity:1;stroke:#fbfdfa;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.2"
d="m 8.223522,116.21084 v 38.02155 L 66.732561,141.59 51.055169,118.0667 l 38.429992,22.71015 -4.378165,-19.72213 32.716914,16.09324 29.15107,-20.93712 z m 138.786898,0 -0.83375,27.40524 -4.65307,-0.12034 4.6473,0.29798 -0.0156,0.52135 10.57634,0.15621 51.17872,3.2831 -69.81487,18.71899 39.57039,11.67015 -46.2961,-6.1652 -19.51483,10.80549 -0.90424,-24.22724 -39.841156,28.33709 h -0.09111 l 8.740665,-22.02146 -18.088824,-6.95321 11.939284,-5.53298 -65.3860088,1.88018 v 32.68229 H 208.12048 v -70.73764 z"
id="rect4544" inkscape:connector-curvature="0" />
</g>
<g id="useall">
<use xlink:href="#mei" id="meifront" class="svg-text" />
<use xlink:href="#mei" id="meiback" filter="url(#filter-blur-svg)" class="svg-text" />
<use xlink:href="#jiu" id="jiufront" class="svg-text" />
<use xlink:href="#jiu" id="jiuback" filter="url(#filter-blur-svg)" class="svg-text" />
<use xlink:href="#wang" id="wangfront" class="svg-text-wang" />
<use xlink:href="#wang" id="wangback" filter="url(#filter-blur-svg-wang)" class="svg-text-wang" />
<use xlink:href="#gui" id="guifront" />
<use xlink:href="#gui" id="guiback" filter="url(#filter-blur-svg)" />
<use xlink:href="#dian" id="dianfront" />
<use xlink:href="#dian" id="dianback" filter="url(#filter-blur-svg)" />
</g>
<g id="useglass">
<use xlink:href="#useall" filter="url(#smallDistortion)" />
</g>
</defs>
<use xlink:href="#useall" clip-path="url(#brokenwindow)" />
<use xlink:href="#useglass" clip-path="url(#brokenwindow1)"/>
<use xlink:href="#showbrokenwindow1" />
</svg>
</body>
</html>