tiny-vue_version0/examples/sites/demos/pc/overviewimage/layout.svg

66 lines
5.4 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Layout 布局</title>
<defs>
<linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-1">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<circle id="path-2" cx="93" cy="33" r="5"></circle>
<filter x="-40.0%" y="-20.0%" width="180.0%" height="180.0%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.368627451 0 0 0 0 0.48627451 0 0 0 0 0.878431373 0 0 0 0.349865467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-4">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<circle id="path-5" cx="33" cy="93" r="5"></circle>
<filter x="-45.0%" y="-25.0%" width="190.0%" height="190.0%" filterUnits="objectBoundingBox" id="filter-6">
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0.368627451 0 0 0 0 0.48627451 0 0 0 0 0.878431373 0 0 0 0.65213034 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<linearGradient x1="44.0988019%" y1="84.2543127%" x2="128.792906%" y2="-37.2426207%" id="linearGradient-7">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="81.3891518%" x2="128.792906%" y2="-29.9453163%" id="linearGradient-8">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="81.3891518%" x2="128.792906%" y2="-29.9453163%" id="linearGradient-9">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="-TinyUI-Ng-组件总览-2" transform="translate(-1481.000000, -1350.000000)">
<g id="Layout-布局" transform="translate(1481.000000, 1350.000000)">
<g id="编组"></g>
<rect id="矩形" stroke="url(#linearGradient-1)" stroke-width="4" x="33" y="33" width="60" height="60"></rect>
<circle id="椭圆形" fill="#A5B6F0" cx="33" cy="33" r="5"></circle>
<g id="椭圆形备份-6">
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
<use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<circle id="椭圆形备份-7" fill="#A5B6F0" cx="93" cy="93" r="5"></circle>
<g id="椭圆形备份-8">
<use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
<use stroke="url(#linearGradient-1)" stroke-width="1" fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
</g>
<g id="编组-35" transform="translate(41.000000, 43.000000)">
<path d="M28,27 L0,27 L0,3.03939962 C0,1.36266417 1.29326923,0 2.88461538,0 L28,0 L28,27 Z" id="路径" fill="url(#linearGradient-7)" opacity="0.604724702"></path>
<path d="M43.8549107,12 L31,12 L31,0 L41.0982143,0 C42.6990327,0 44,1.35119297 44,3.01381331 L44,11.8493093 C44,11.9347007 43.937128,12 43.8549107,12 Z" id="路径" stroke="url(#linearGradient-9)" fill="url(#linearGradient-8)"></path>
<path d="M43.8549107,27 L31,27 L31,15 L43.8549107,15 C43.937128,15 44,15.065272 44,15.1506276 L44,26.8443515 C44,26.9297071 43.937128,27 43.8549107,27 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
<path d="M41.0982143,41 L31,41 L31,29 L44,29 L44,37.9861867 C44,39.6538301 42.6990327,41 41.0982143,41 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.303770519"></path>
<path d="M13,41 L2.90178571,41 C1.30096726,41 0,39.648807 0,37.9861867 L0,29 L13,29 L13,41 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.604724702"></path>
<polygon id="路径" fill="url(#linearGradient-9)" opacity="0.204287574" points="16 29 29 29 29 41 16 41"></polygon>
</g>
</g>
</g>
</g>
</svg>