tiny-vue_version0/examples/sites/demos/pc/overviewimage/time-line.svg

86 lines
8.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>Timeline 时间线</title>
<defs>
<linearGradient x1="44.0988019%" y1="68.9884219%" x2="128.792906%" y2="1.63821555%" id="linearGradient-1">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<path d="M30.9644684,30 L30.9647212,31.6133698 C30.9647212,32.3597006 31.636294,32.9647212 32.4647212,32.9647212 C33.2931483,32.9647212 33.9647212,32.3597006 33.9647212,31.6133698 L33.9647212,31.6133698 L33.9650324,30.1069105 C40.4208649,31.032732 45.4628475,36.3724306 45.9294423,42.9644684 L44.3160725,42.9647212 C43.5697418,42.9647212 42.9647212,43.636294 42.9647212,44.4647212 C42.9647212,45.2931483 43.5697418,45.9647212 44.3160725,45.9647212 L44.3160725,45.9647212 L45.8225318,45.9650324 C44.9440069,52.0910614 40.0910614,56.9440069 33.9650324,57.8225318 L33.9647212,56.3160725 C33.9647212,55.5697418 33.2931483,54.9647212 32.4647212,54.9647212 C31.636294,54.9647212 30.9647212,55.5697418 30.9647212,56.3160725 L30.9647212,56.3160725 L30.9644684,57.9294423 C24.3724306,57.4628475 19.032732,52.4208649 18.1069105,45.9650324 L19.6133698,45.9647212 C20.3597006,45.9647212 20.9647212,45.2931483 20.9647212,44.4647212 C20.9647212,43.636294 20.3597006,42.9647212 19.6133698,42.9647212 L19.6133698,42.9647212 L18,42.9644684 C18.4904314,36.0356689 24.0356689,30.4904314 30.9644684,30 Z" id="path-2"></path>
<filter x="-14.3%" y="-7.2%" width="128.6%" height="128.6%" 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>
<path d="M35.3728564,50.6923889 L29.6756857,47.8012196 C29.3622222,47.6421448 29.1647212,47.3204411 29.1647212,46.9689241 L29.1647212,39.0779211 C29.1647212,38.1685659 29.9018992,37.4313878 30.8112545,37.4313878 C31.7206097,37.4313878 32.4577878,38.1685659 32.4577878,39.0779211 L32.4577878,44.619461 C32.4577878,44.9538833 32.6367124,45.262747 32.9268179,45.4291113 L37.0814472,47.8116311 C37.8516435,48.2533089 38.1179602,49.235727 37.6762824,50.0059232 C37.6721018,50.0132134 37.6678641,50.0204706 37.6635696,50.0276943 C37.1939568,50.8176338 36.1923603,51.1082663 35.3728564,50.6923889 Z" id="path-4"></path>
<filter x="-48.2%" y="-17.9%" width="189.9%" height="160.4%" filterUnits="objectBoundingBox" id="filter-5">
<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.232993057 0 0 0 0 0.361563365 0 0 0 0 0.790131058 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<linearGradient x1="44.0988019%" y1="56.3076892%" x2="128.792906%" y2="33.9348889%" id="linearGradient-6">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="56.3076892%" x2="128.792906%" y2="33.9348889%" id="linearGradient-7">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<path d="M58,41 C58.5522847,41 59,41.4477153 59,42 L59,83 C59,83.5522847 58.5522847,84 58,84 C57.4477153,84 57,83.5522847 57,83 L57,42 C57,41.4477153 57.4477153,41 58,41 Z" id="path-8"></path>
<filter x="-200.0%" y="-4.7%" width="500.0%" height="118.6%" filterUnits="objectBoundingBox" id="filter-9">
<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="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
<stop stop-color="#FFCC00" offset="0%"></stop>
<stop stop-color="#FF9D00" offset="100%"></stop>
</linearGradient>
<circle id="path-11" cx="4" cy="4" r="4"></circle>
<filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-12">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.661752894 0 0 0 0 0.324547702 0 0 0 0 0.00489962574 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<circle id="path-13" cx="4" cy="25" r="4"></circle>
<filter x="-50.0%" y="-25.0%" width="200.0%" height="200.0%" filterUnits="objectBoundingBox" id="filter-14">
<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>
</defs>
<g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="-TinyUI-Ng-组件总览-1" transform="translate(-1873.000000, -3209.000000)">
<g id="Timeline-时间线" transform="translate(1873.000000, 3209.000000)">
<g id="编组"></g>
<path d="M97,34 C99.209139,34 101,35.790861 101,38 L101,86 C101,88.209139 99.209139,90 97,90 L27,90 C24.790861,90 23,88.209139 23,86 L22.9987806,59.591215 C25.6466164,61.1231822 28.7209123,62 32,62 C41.9411255,62 50,53.9411255 50,44 C50,40.2994756 48.8833172,36.8597664 46.9685432,33.9994641 L97,34 Z" id="形状结合" fill="url(#linearGradient-1)" opacity="0.204287574"></path>
<g id="形状结合">
<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>
<g id="路径" fill-rule="nonzero">
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
<use stroke="#FFFFFF" stroke-width="1" fill="#FFFFFF" xlink:href="#path-4"></use>
</g>
<rect id="矩形-2备份" stroke="url(#linearGradient-7)" fill="url(#linearGradient-6)" x="66" y="46" width="29" height="12" rx="2"></rect>
<rect id="矩形-2备份-4" fill="url(#linearGradient-7)" opacity="0.303770519" x="66" y="67" width="29" height="12" rx="2"></rect>
<g id="形状结合备份">
<use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
<use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-8"></use>
</g>
<g id="时间线" transform="translate(54.000000, 48.000000)">
<g id="椭圆形">
<use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
<use fill="url(#linearGradient-10)" fill-rule="evenodd" xlink:href="#path-11"></use>
</g>
<g id="椭圆形备份-2">
<use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
<use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-13"></use>
</g>
</g>
</g>
</g>
</g>
</svg>