52 lines
9.5 KiB
XML
52 lines
9.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="390" height="844" viewBox="0 0 390 844"><defs>
|
||
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FCFDFD"/><stop offset="1" stop-color="#F4F6F7"/></linearGradient>
|
||
<linearGradient id="mapBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.42" stop-color="#F1F6F8"/><stop offset="1" stop-color="#E2ECF0"/></linearGradient>
|
||
<linearGradient id="roof" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.66" stop-color="#EFF4F6"/><stop offset="1" stop-color="#DCE7EC"/></linearGradient>
|
||
<linearGradient id="wall" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#D3DEE4"/><stop offset="1" stop-color="#AEBEC8"/></linearGradient>
|
||
<linearGradient id="garden" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#E8F4EB"/><stop offset="1" stop-color="#CDE8D7"/></linearGradient>
|
||
<linearGradient id="outdoor" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5F8F2"/><stop offset="1" stop-color="#E5EEE7"/></linearGradient>
|
||
<filter id="shadow" x="-25%" y="-25%" width="160%" height="170%"><feDropShadow dx="0" dy="10" stdDeviation="10" flood-color="#0B1820" flood-opacity=".13"/></filter>
|
||
<filter id="soft" x="-25%" y="-25%" width="160%" height="170%"><feDropShadow dx="0" dy="5" stdDeviation="6" flood-color="#0B1820" flood-opacity=".12"/></filter>
|
||
<filter id="tiny" x="-30%" y="-30%" width="170%" height="180%"><feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#0B1820" flood-opacity=".11"/></filter>
|
||
<radialGradient id="pinGlow" cx="50%" cy="60%" r="60%"><stop offset="0" stop-color="#2C854F" stop-opacity=".24"/><stop offset="1" stop-color="#2C854F" stop-opacity="0"/></radialGradient>
|
||
<style>
|
||
.font{font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}.black{fill:#000}.text{fill:#3F3F3F}.muted{fill:#696962}.disabled{fill:#ADB0B4}.green{fill:#2C854F}.lime{fill:#E0DF00}.bold{font-weight:700}.heavy{font-weight:800}.panel{fill:#fff;stroke:#E5E5E5;stroke-width:1}.glass{fill:#fff;fill-opacity:.84;stroke:#E5E5E5;stroke-width:1}.roof{fill:url(#roof);stroke:#D3DEE4;stroke-width:1.2}.wall{fill:url(#wall);opacity:.66;stroke:#AEBEC8;stroke-width:.7}.garden{fill:url(#garden);stroke:#C7E1D0;stroke-width:1}.label{fill:#fff;stroke:#DEDEDE;stroke-width:1}.mini{font-size:10px}.small{font-size:12px}.body{font-size:14px}.title{font-size:34px;font-weight:800}.h2{font-size:22px;font-weight:800}.h3{font-size:18px;font-weight:800}
|
||
</style>
|
||
</defs><rect width="390" height="844" fill="url(#bg)"/><text x="18" y="58" class="font black title">导览</text><text x="18" y="78" class="font disabled" font-size="11">馆内 / 来馆并列预览</text>
|
||
<text x="292" y="51" class="font green heavy" font-size="16">讲解 ›</text>
|
||
<clipPath id="c4a"><rect x="18" y="102" width="354" height="380" rx="22"/></clipPath>
|
||
<rect x="18" y="102" width="354" height="380" rx="22" fill="url(#mapBg)" stroke="#E5E5E5" filter="url(#shadow)"/>
|
||
<g clip-path="url(#c4a)">
|
||
<circle cx="294.12" cy="162.8" r="113.28" fill="#2C854F" opacity=".055"/><circle cx="81.72" cy="398.40000000000003" r="127.44" fill="#1B6EC0" opacity=".045"/>
|
||
<path d="M-22 178 L422 128.6" stroke="#BFD8E4" stroke-width="14" opacity=".34"/><path d="M-12 185.6 L414 136.2" stroke="#fff" stroke-width="6" opacity=".72"/>
|
||
<path d="M-22 428.8 L422 375.59999999999997" stroke="#BFD8E4" stroke-width="14" opacity=".32"/><path d="M-12 436.4 L414 383.2" stroke="#fff" stroke-width="6" opacity=".72"/>
|
||
<g transform="translate(28.619999999999997 121) scale(0.68) rotate(-18 190 300)" filter="url(#soft)">
|
||
<rect x="126" y="62" width="184" height="82" class="wall" transform="translate(10 14)"/><rect x="126" y="62" width="184" height="82" class="roof"/><rect x="151" y="80" width="128" height="50" class="garden"/>
|
||
<rect x="48" y="156" width="202" height="112" class="wall" transform="translate(10 14)"/><rect x="48" y="156" width="202" height="112" class="roof"/><rect x="73" y="181" width="148" height="62" fill="#FAFCFD" stroke="#E2E9ED"/>
|
||
<rect x="266" y="166" width="166" height="102" class="wall" transform="translate(10 14)"/><rect x="266" y="166" width="166" height="102" class="roof"/><rect x="292" y="186" width="112" height="62" class="garden"/>
|
||
<path d="M181 244 Q228 184 276 244 L276 426 L181 426 Z" fill="#F8FBFC" stroke="#CBD7DE" stroke-width="1.3"/><path d="M200 266 Q228 230 255 266 L255 402 L200 402 Z" fill="#EDF4F7" stroke="#D5E0E6"/>
|
||
<rect x="132" y="306" width="154" height="126" class="wall" transform="translate(10 14)"/><rect x="132" y="306" width="154" height="126" class="roof"/><rect x="158" y="330" width="104" height="78" fill="#fff" stroke="#E2E9ED"/>
|
||
<rect x="296" y="330" width="172" height="112" class="wall" transform="translate(10 14)"/><rect x="296" y="330" width="172" height="112" class="roof"/><rect x="322" y="352" width="116" height="68" class="garden"/>
|
||
<rect x="42" y="434" width="196" height="104" class="wall" transform="translate(10 14)"/><rect x="42" y="434" width="196" height="104" class="roof"/><rect x="66" y="456" width="148" height="56" fill="#fff" stroke="#E2E9ED"/>
|
||
<rect x="178" y="448" width="54" height="220" fill="#FFFFFF" stroke="#D4DEE4"/><rect x="242" y="444" width="40" height="220" fill="#FFFFFF" stroke="#D4DEE4"/>
|
||
<g stroke="#C8D5DD" stroke-width="1" opacity=".72"><path d="M190 478 h28 M190 512 h28 M190 546 h28 M190 580 h28 M254 478 h18 M254 512 h18 M254 546 h18 M254 580 h18"/></g>
|
||
</g>
|
||
<g opacity=".22" fill="none" stroke="#56636B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M262.26 208.4 c18 -12 38 -10 48 2 c-14 -3 -28 -1 -41 7"/><path d="M272.88 216 l-16 9 l18 3 l-8 13"/></g>
|
||
<g filter="url(#soft)"><ellipse cx="251.64000000000001" cy="247.46666666666667" rx="29.5" ry="12.783333333333333" fill="url(#pinGlow)"/><path d="M251.64000000000001 216 C233.94000000000003 216 222.14000000000001 228.78333333333333 222.14000000000001 245.5 C222.14000000000001 269.1 251.64000000000001 289.75 251.64000000000001 289.75 C251.64000000000001 289.75 281.14 269.1 281.14 245.5 C281.14 228.78333333333333 269.34000000000003 216 251.64000000000001 216 Z" fill="#2C854F"/><circle cx="251.64000000000001" cy="244.51666666666665" r="8.85" fill="#fff"/></g>
|
||
|
||
</g>
|
||
<g filter="url(#soft)"><rect x="42" y="390" width="154" height="58" rx="16" fill="#fff" stroke="#E5E5E5"/><text x="62" y="416" class="font black heavy" font-size="17">馆内三维</text><text x="62" y="436" class="font muted" font-size="12">馆内地图主区域</text><rect x="226" y="398" width="112" height="42" rx="12" fill="#000"/><text x="282" y="425" text-anchor="middle" class="font lime heavy" font-size="15">进入三维</text></g>
|
||
<clipPath id="c4b"><rect x="18" y="514" width="168" height="190" rx="18"/></clipPath>
|
||
<rect x="18" y="514" width="168" height="190" rx="18" fill="url(#outdoor)" stroke="#E5E5E5" filter="url(#shadow)"/>
|
||
<g clip-path="url(#c4b)">
|
||
<path d="M-2 559.6 C54.96 548.2 78.47999999999999 578.6 226 563.4" fill="none" stroke="#D8DED8" stroke-width="30"/><path d="M-2 559.6 C54.96 548.2 78.47999999999999 578.6 226 563.4" fill="none" stroke="#FFFFFF" stroke-width="12"/>
|
||
<path d="M34.8 724 C58.32 650.8 105.36 643.2 135.6 494" fill="none" stroke="#D8DED8" stroke-width="32"/><path d="M34.8 724 C58.32 650.8 105.36 643.2 135.6 494" fill="none" stroke="#fff" stroke-width="12"/>
|
||
<rect x="51.6" y="571" width="77.28" height="57" rx="10" fill="#FFFFFF" stroke="#D3DCD5" transform="rotate(-10 90.24 599.5)"/>
|
||
<rect x="63.36" y="582.4" width="50.4" height="30.400000000000002" rx="6" fill="#E8F4EB" stroke="#C7E1D0" transform="rotate(-10 88.56 597.6)"/>
|
||
<circle cx="60" cy="555.8" r="18" fill="#CFE3D5"/><circle cx="149.04" cy="647" r="24" fill="#DCEDE2"/><circle cx="41.52" cy="650.8" r="30" fill="#DCEDE2"/>
|
||
<g filter="url(#soft)"><ellipse cx="115.44" cy="620.04" rx="24.599999999999998" ry="10.66" fill="url(#pinGlow)"/><path d="M115.44 593.8 C100.67999999999999 593.8 90.84 604.4599999999999 90.84 618.4 C90.84 638.0799999999999 115.44 655.3 115.44 655.3 C115.44 655.3 140.04 638.0799999999999 140.04 618.4 C140.04 604.4599999999999 130.2 593.8 115.44 593.8 Z" fill="#2C854F"/><circle cx="115.44" cy="617.5799999999999" r="7.38" fill="#fff"/></g>
|
||
<g filter="url(#tiny)"><rect x="96.96" y="628" width="126" height="44" rx="12" class="label"/><text x="159.95999999999998" y="647" text-anchor="middle" class="font black bold" font-size="13">博物馆主入口</text><text x="159.95999999999998" y="662" text-anchor="middle" class="font muted" font-size="11">馆外参考位置</text></g>
|
||
</g>
|
||
<g filter="url(#shadow)"><rect x="204" y="514" width="168" height="190" rx="18" fill="#fff" stroke="#E5E5E5"/><text x="226" y="552" class="font black heavy" font-size="22">来馆</text><text x="226" y="579" class="font muted" font-size="13">查看到馆入口与馆外参考位置</text><rect x="226" y="634" width="124" height="42" rx="12" fill="#000"/><text x="288" y="661" text-anchor="middle" class="font lime heavy" font-size="15">打开来馆</text></g>
|
||
<g filter="url(#soft)"><rect x="18" y="728" width="354" height="76" rx="18" fill="#fff" stroke="#E5E5E5"/><text x="42" y="758" class="font green heavy" font-size="18">▶ 讲解</text><text x="42" y="780" class="font muted" font-size="12">从展厅内容进入音频讲解</text><text x="328" y="770" text-anchor="middle" class="font green heavy" font-size="24">›</text></g>
|
||
<rect x="142" y="826" width="106" height="4" rx="2" fill="#000" opacity=".12"/></svg> |