241 lines
14 KiB
XML
241 lines
14 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800" role="img" aria-labelledby="title desc">
|
|
<title id="title">海边骑自行车的鹈鹕</title>
|
|
<desc id="desc">一只逼真的褐鹈鹕在金色海岸边骑着复古自行车，海浪、湿沙和飞溅的水珠营造出鲜活的速度感。</desc>
|
|
<defs>
|
|
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#5eb5dc"/>
|
|
<stop offset=".48" stop-color="#b9ddeb"/>
|
|
<stop offset=".77" stop-color="#f1d5aa"/>
|
|
<stop offset="1" stop-color="#ebb879"/>
|
|
</linearGradient>
|
|
<radialGradient id="sunGlow" cx=".73" cy=".21" r=".37">
|
|
<stop offset="0" stop-color="#fff9cf" stop-opacity=".95"/>
|
|
<stop offset=".28" stop-color="#ffe8a4" stop-opacity=".42"/>
|
|
<stop offset="1" stop-color="#ffd38b" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="sea" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#498fa8"/>
|
|
<stop offset=".48" stop-color="#2d7189"/>
|
|
<stop offset="1" stop-color="#174b60"/>
|
|
</linearGradient>
|
|
<linearGradient id="sand" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#d2a670"/>
|
|
<stop offset=".45" stop-color="#b78251"/>
|
|
<stop offset="1" stop-color="#795138"/>
|
|
</linearGradient>
|
|
<linearGradient id="wetSand" x1="0" y1="0" x2="1" y2=".7">
|
|
<stop offset="0" stop-color="#816452"/>
|
|
<stop offset=".5" stop-color="#9f7552"/>
|
|
<stop offset="1" stop-color="#4a4650"/>
|
|
</linearGradient>
|
|
<linearGradient id="frameMetal" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#27545c"/>
|
|
<stop offset=".48" stop-color="#6ca4a4"/>
|
|
<stop offset=".58" stop-color="#173a42"/>
|
|
<stop offset="1" stop-color="#8db9b1"/>
|
|
</linearGradient>
|
|
<linearGradient id="pelicanBody" x1=".2" y1=".05" x2=".75" y2=".95">
|
|
<stop offset="0" stop-color="#f2ead7"/>
|
|
<stop offset=".34" stop-color="#c7b89f"/>
|
|
<stop offset=".72" stop-color="#766d62"/>
|
|
<stop offset="1" stop-color="#403e3b"/>
|
|
</linearGradient>
|
|
<linearGradient id="wing" x1=".1" y1=".2" x2=".9" y2=".9">
|
|
<stop offset="0" stop-color="#eee4cf"/>
|
|
<stop offset=".38" stop-color="#a79c8c"/>
|
|
<stop offset=".72" stop-color="#5a5651"/>
|
|
<stop offset="1" stop-color="#292d2f"/>
|
|
</linearGradient>
|
|
<linearGradient id="neck" x1="0" y1="0" x2=".8" y2="1">
|
|
<stop offset="0" stop-color="#f7eee0"/>
|
|
<stop offset=".48" stop-color="#d2b99d"/>
|
|
<stop offset="1" stop-color="#806c5d"/>
|
|
</linearGradient>
|
|
<linearGradient id="bill" x1="0" y1=".1" x2="1" y2=".8">
|
|
<stop offset="0" stop-color="#f6c883"/>
|
|
<stop offset=".52" stop-color="#d88b4b"/>
|
|
<stop offset="1" stop-color="#8f4b31"/>
|
|
</linearGradient>
|
|
<linearGradient id="pouch" x1=".25" y1="0" x2=".7" y2="1">
|
|
<stop offset="0" stop-color="#e79b65"/>
|
|
<stop offset=".62" stop-color="#bd684c"/>
|
|
<stop offset="1" stop-color="#7b4139"/>
|
|
</linearGradient>
|
|
<filter id="soft" x="-30%" y="-30%" width="160%" height="160%">
|
|
<feGaussianBlur stdDeviation="10"/>
|
|
</filter>
|
|
<filter id="tinyBlur" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="2.3"/>
|
|
</filter>
|
|
<filter id="drop" x="-30%" y="-30%" width="170%" height="180%">
|
|
<feDropShadow dx="2" dy="8" stdDeviation="7" flood-color="#18252a" flood-opacity=".38"/>
|
|
</filter>
|
|
<filter id="bikeShadow" x="-30%" y="-70%" width="170%" height="260%">
|
|
<feGaussianBlur stdDeviation="7"/>
|
|
</filter>
|
|
<clipPath id="rearWheelClip"><circle cx="397" cy="628" r="111"/></clipPath>
|
|
<clipPath id="frontWheelClip"><circle cx="785" cy="628" r="111"/></clipPath>
|
|
<pattern id="sandGrain" width="80" height="40" patternUnits="userSpaceOnUse">
|
|
<circle cx="8" cy="8" r="1" fill="#f3c991" opacity=".22"/>
|
|
<circle cx="34" cy="28" r=".8" fill="#392d2b" opacity=".18"/>
|
|
<circle cx="67" cy="13" r="1.3" fill="#e2b780" opacity=".17"/>
|
|
<path d="M17 36l12-2M49 5l8 1" stroke="#f3d0a2" stroke-width=".7" opacity=".16"/>
|
|
</pattern>
|
|
</defs>
|
|
|
|
<!-- Atmosphere -->
|
|
<rect width="1200" height="800" fill="url(#sky)"/>
|
|
<rect width="1200" height="540" fill="url(#sunGlow)"/>
|
|
<circle cx="881" cy="158" r="47" fill="#fff5bf" opacity=".75" filter="url(#soft)"/>
|
|
<circle cx="881" cy="158" r="25" fill="#fffbdc" opacity=".92"/>
|
|
|
|
<g fill="#fff" opacity=".48" filter="url(#soft)">
|
|
<path d="M-45 165c67-55 129-30 160-3 29-44 107-43 129 12 53-21 101 7 110 46H-45z"/>
|
|
<path d="M755 95c49-34 95-17 114 8 35-37 99-22 103 24 41-12 76 9 81 39H740z"/>
|
|
</g>
|
|
<g fill="none" stroke="#416d7b" stroke-width="3" stroke-linecap="round" opacity=".48">
|
|
<path d="M173 230q12-10 24 0q12-10 24 0"/>
|
|
<path d="M1031 260q10-8 20 0q10-8 20 0"/>
|
|
<path d="M952 211q7-6 14 0q7-6 14 0"/>
|
|
</g>
|
|
|
|
<!-- Ocean -->
|
|
<path d="M0 340C181 327 333 346 501 335c174-12 311-2 455 3 100 4 181-3 244-8v262H0z" fill="url(#sea)"/>
|
|
<path d="M0 358c196-10 291 16 466 2 196-16 312 1 468 5 104 3 193-9 266-13" fill="none" stroke="#d4edf1" stroke-width="4" opacity=".72"/>
|
|
<g fill="none" stroke-linecap="round">
|
|
<path d="M32 398c89-16 161 16 255-2s167 9 256-5" stroke="#a7d6df" stroke-width="7" opacity=".48"/>
|
|
<path d="M665 410c91-13 167 15 261-2 88-16 174 8 258-7" stroke="#d0e9e7" stroke-width="6" opacity=".58"/>
|
|
<path d="M70 454c129-27 215 19 360-4 130-21 230 16 360-1" stroke="#f3f0df" stroke-width="11" opacity=".72"/>
|
|
<path d="M20 480c132-15 220 21 344 7 112-13 221 15 316 3" stroke="#eaf1e9" stroke-width="9" opacity=".54"/>
|
|
</g>
|
|
|
|
<!-- Beach -->
|
|
<path d="M0 470c189-6 360 40 531 42 208 3 377-44 669-28v316H0z" fill="url(#sand)"/>
|
|
<path d="M0 529c221-8 361 63 578 38 222-25 391-51 622-27v260H0z" fill="url(#wetSand)"/>
|
|
<rect y="505" width="1200" height="295" fill="url(#sandGrain)" opacity=".8"/>
|
|
<path d="M0 498c121-20 193 27 297 19 89-7 141 31 233 23 120-10 198-56 326-39 120 16 218-18 344-5" fill="none" stroke="#f7f1dc" stroke-width="18" opacity=".86"/>
|
|
<path d="M0 509c126-19 198 27 300 19 93-7 149 32 239 23 127-13 196-50 318-38 125 13 221-16 343-4" fill="none" stroke="#d3ece6" stroke-width="8" opacity=".75"/>
|
|
<g fill="#fffdf3" opacity=".7">
|
|
<circle cx="104" cy="506" r="5"/><circle cx="141" cy="516" r="3"/><circle cx="223" cy="514" r="7"/>
|
|
<circle cx="274" cy="528" r="4"/><circle cx="918" cy="506" r="6"/><circle cx="983" cy="503" r="3"/>
|
|
<circle cx="1091" cy="509" r="8"/><circle cx="1130" cy="503" r="4"/>
|
|
</g>
|
|
|
|
<!-- Reflections and speed streaks -->
|
|
<g stroke-linecap="round" opacity=".22" filter="url(#tinyBlur)">
|
|
<path d="M195 710h260M116 736h212M854 701h248M910 747h197" stroke="#f3d49d" stroke-width="12"/>
|
|
<path d="M250 680h145M805 681h177M54 663h184" stroke="#c9e1da" stroke-width="7"/>
|
|
</g>
|
|
<ellipse cx="596" cy="739" rx="323" ry="28" fill="#1d2b31" opacity=".35" filter="url(#bikeShadow)"/>
|
|
|
|
<!-- Bicycle wheels -->
|
|
<g filter="url(#drop)">
|
|
<g>
|
|
<circle cx="397" cy="628" r="114" fill="none" stroke="#151d20" stroke-width="13"/>
|
|
<circle cx="397" cy="628" r="106" fill="none" stroke="#b7c6c3" stroke-width="3"/>
|
|
<circle cx="397" cy="628" r="9" fill="#c9d5cf" stroke="#26363a" stroke-width="4"/>
|
|
<g stroke="#d1ddd8" stroke-width="1.25" opacity=".8" clip-path="url(#rearWheelClip)">
|
|
<path d="M397 628L397 514M397 628L452 528M397 628L492 564M397 628L507 599M397 628L510 649M397 628L487 690M397 628L456 725M397 628L405 741M397 628L349 732M397 628L305 696M397 628L287 650M397 628L292 585M397 628L327 538"/>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<circle cx="785" cy="628" r="114" fill="none" stroke="#151d20" stroke-width="13"/>
|
|
<circle cx="785" cy="628" r="106" fill="none" stroke="#b7c6c3" stroke-width="3"/>
|
|
<circle cx="785" cy="628" r="9" fill="#c9d5cf" stroke="#26363a" stroke-width="4"/>
|
|
<g stroke="#d1ddd8" stroke-width="1.25" opacity=".8" clip-path="url(#frontWheelClip)">
|
|
<path d="M785 628L785 514M785 628L840 528M785 628L880 564M785 628L895 599M785 628L898 649M785 628L875 690M785 628L844 725M785 628L793 741M785 628L737 732M785 628L693 696M785 628L675 650M785 628L680 585M785 628L715 538"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Bicycle frame -->
|
|
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M397 628L513 620L602 475L696 620L513 620L466 495L602 475" stroke="#12262c" stroke-width="20" opacity=".45"/>
|
|
<path d="M397 628L513 620L602 475L696 620L513 620L466 495L602 475" stroke="url(#frameMetal)" stroke-width="13"/>
|
|
<path d="M696 620L753 465L785 628" stroke="#1e3d44" stroke-width="12"/>
|
|
<path d="M735 467q28-9 57 4" stroke="#1b3035" stroke-width="10"/>
|
|
<path d="M442 489h49" stroke="#28211d" stroke-width="12"/>
|
|
<path d="M449 481h45q7 0 7 7v3h-59z" fill="#674636" stroke="#30231f" stroke-width="3"/>
|
|
<circle cx="513" cy="620" r="29" stroke="#28363a" stroke-width="5"/>
|
|
<circle cx="513" cy="620" r="19" stroke="#d7c28b" stroke-width="4"/>
|
|
<path d="M513 620l43 17" stroke="#242b2d" stroke-width="6"/>
|
|
<path d="M556 637h24" stroke="#1f2527" stroke-width="7"/>
|
|
<path d="M513 620l-39-22" stroke="#242b2d" stroke-width="6"/>
|
|
<path d="M454 594h25" stroke="#1f2527" stroke-width="7"/>
|
|
<path d="M506 607C480 592 438 591 397 622" stroke="#c5a45d" stroke-width="4"/>
|
|
</g>
|
|
|
|
<!-- Pelican body -->
|
|
<g filter="url(#drop)">
|
|
<path d="M459 448c11-80 88-135 175-113 74 19 98 92 61 151-36 57-117 75-186 38-40-22-57-47-50-76z" fill="url(#pelicanBody)"/>
|
|
<path d="M490 443c41-79 142-93 191-35 20 24 20 57-2 83-55 27-119 15-177-24z" fill="#d8cdb9" opacity=".48"/>
|
|
<!-- Rear plumage -->
|
|
<path d="M479 403c-41-12-83-3-121 22 34 5 55 17 73 31-32-2-59 7-82 26 47-1 82 11 117 35 14-31 20-72 13-114z" fill="#6b6861"/>
|
|
<path d="M451 418c-30-1-55 6-77 20 31 5 51 14 74 30" fill="none" stroke="#d2c5ae" stroke-width="5" opacity=".55"/>
|
|
<path d="M452 454c-31 5-53 14-72 29 31-1 56 7 79 24" fill="none" stroke="#a79b89" stroke-width="5" opacity=".5"/>
|
|
|
|
<!-- Far balancing wing -->
|
|
<path d="M568 379c51-78 119-119 188-133-49 39-60 65-76 93 35-28 72-42 109-49-33 28-61 57-83 93-37 60-80 83-119 66z" fill="#625e58"/>
|
|
<path d="M597 400c47-58 91-98 142-126M620 419c49-44 88-71 136-93" fill="none" stroke="#c3b6a1" stroke-width="5" opacity=".48"/>
|
|
|
|
<!-- Main wing gripping handlebar -->
|
|
<path d="M581 393c48-7 88 19 107 57 14 29 29 37 59 33 23-4 43 7 48 24-38 12-75 10-107-7-32-17-62-34-96-44-26-8-36-59-11-63z" fill="url(#wing)"/>
|
|
<path d="M604 411c42 14 62 46 89 63 25 16 52 22 83 20M591 431c35 13 59 39 90 59" fill="none" stroke="#e4d5bc" stroke-width="5" opacity=".58"/>
|
|
<path d="M745 482c9-4 19-4 29 2M755 491c11-4 22-2 31 3M767 501c9-2 18 0 25 5" fill="none" stroke="#3a3937" stroke-width="5"/>
|
|
|
|
<!-- Neck -->
|
|
<path d="M545 394c-25-37-28-94-2-137 22-36 67-50 105-34 30 12 48 40 40 67-9 30-46 39-67 19-19-18-11-40-24-52-9-8-21 1-23 15-6 42 26 82 55 105z" fill="url(#neck)"/>
|
|
<path d="M570 365c-5-35-1-66 13-86 5-7 12-9 16-3 7 11 3 25 13 38 10 13 28 19 47 14" fill="none" stroke="#8d745f" stroke-width="6" opacity=".55"/>
|
|
<path d="M558 282c9-44 31-67 68-69 32-2 59 14 71 40-44-15-87-5-139 29z" fill="#f2eadc"/>
|
|
|
|
<!-- Head -->
|
|
<path d="M604 229c9-31 45-47 78-34 25 10 38 32 31 55-8 24-38 36-68 25-30-10-48-25-41-46z" fill="#f5eee1"/>
|
|
<path d="M674 199c19 5 34 17 39 33-19-8-35-7-49 2-17 11-34 8-51-6 16-23 38-34 61-29z" fill="#d8c6af"/>
|
|
<ellipse cx="687" cy="225" rx="10" ry="11" fill="#20292b"/>
|
|
<circle cx="690" cy="222" r="3.2" fill="#f7d65e"/>
|
|
<circle cx="692" cy="219" r="1.8" fill="#fff"/>
|
|
|
|
<!-- Beak and pouch -->
|
|
<path d="M706 234c66-7 139 5 207 29-77 2-147 1-211-1-11-1-14-24 4-28z" fill="url(#bill)"/>
|
|
<path d="M712 255c56 3 116 5 180 7-47 21-108 39-167 24-17-4-24-17-13-31z" fill="url(#pouch)"/>
|
|
<path d="M716 241c57 1 120 8 184 20" fill="none" stroke="#793f2f" stroke-width="3" opacity=".65"/>
|
|
<path d="M735 268c42 12 91 7 138-1" fill="none" stroke="#f0ae76" stroke-width="4" opacity=".4"/>
|
|
<path d="M913 263l-20-2 15 9z" fill="#593832"/>
|
|
</g>
|
|
|
|
<!-- Legs and feet -->
|
|
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M554 505c-5 42-10 78-41 108" stroke="#815540" stroke-width="15"/>
|
|
<path d="M513 613c14 5 26 13 38 24" stroke="#b47b55" stroke-width="10"/>
|
|
<path d="M513 613c-7 10-15 18-25 24M517 614c2 12 2 23 0 35" stroke="#b47b55" stroke-width="7"/>
|
|
<path d="M635 506c-2 37 8 74 43 108" stroke="#77503f" stroke-width="15"/>
|
|
<path d="M678 614c19 0 36 4 51 12" stroke="#b47b55" stroke-width="10"/>
|
|
<path d="M678 614c7 10 12 20 14 31M680 614c-3 12-4 23-2 34" stroke="#b47b55" stroke-width="7"/>
|
|
</g>
|
|
|
|
<!-- Feather details -->
|
|
<g fill="none" stroke-linecap="round" opacity=".48">
|
|
<path d="M488 475c49 18 102 23 154 10M501 494c40 15 87 19 130 10M504 439c42 25 91 30 139 19" stroke="#efe3ce" stroke-width="5"/>
|
|
<path d="M525 519c31 8 61 10 91 4M472 459c12-29 31-51 56-67" stroke="#4c4a47" stroke-width="4"/>
|
|
<path d="M550 345c15 5 30 4 45-4M548 327c16 5 28 4 39-2" stroke="#f7eddd" stroke-width="4"/>
|
|
</g>
|
|
|
|
<!-- Water spray around wheels -->
|
|
<g fill="#e8f5f2" opacity=".86">
|
|
<circle cx="313" cy="676" r="6"/><circle cx="292" cy="661" r="3.5"/><circle cx="274" cy="638" r="5"/>
|
|
<circle cx="253" cy="620" r="2.8"/><circle cx="323" cy="701" r="3"/><circle cx="350" cy="718" r="4"/>
|
|
<circle cx="872" cy="688" r="5"/><circle cx="897" cy="671" r="3"/><circle cx="914" cy="643" r="5"/>
|
|
<circle cx="926" cy="615" r="2.5"/><circle cx="853" cy="713" r="3.5"/><circle cx="831" cy="729" r="4"/>
|
|
</g>
|
|
<g fill="none" stroke="#f6fbf5" stroke-linecap="round" opacity=".72">
|
|
<path d="M338 694c-42-13-69-31-88-57M851 701c43-11 72-34 88-69" stroke-width="5"/>
|
|
<path d="M356 714c-32-3-56-12-76-28M834 719c35-4 63-16 82-35" stroke-width="3"/>
|
|
</g>
|
|
|
|
<!-- Foreground texture -->
|
|
<path d="M0 760c160-20 316 3 474-7 188-12 374-4 726-15v62H0z" fill="#342f31" opacity=".28"/>
|
|
<g stroke="#e8c88f" stroke-linecap="round" opacity=".38">
|
|
<path d="M44 704h64M152 754h91M941 772h109M1051 716h83M43 785h165M694 768h106" stroke-width="4"/>
|
|
</g>
|
|
</svg>
|