编辑文件:hero.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Clothing wholesale base — yinbo"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0" stop-color="#cab69a"/> <stop offset="0.5" stop-color="#b89a72"/> <stop offset="1" stop-color="#7e5e3e"/> </linearGradient> <radialGradient id="scrim" cx="0.5" cy="0.46" r="0.42"> <stop offset="0" stop-color="#241710" stop-opacity="0.5"/> <stop offset="0.65" stop-color="#241710" stop-opacity="0.16"/> <stop offset="1" stop-color="#241710" stop-opacity="0"/> </radialGradient> <linearGradient id="rail" x1="0" y1="0" x2="0" y2="1"> <stop offset="0" stop-color="#9a7a56"/> <stop offset="1" stop-color="#6e5238"/> </linearGradient> </defs> <!-- backdrop + atmosphere --> <rect width="1920" height="1080" fill="url(#bg)"/> <ellipse cx="1500" cy="180" rx="540" ry="300" fill="#fff3df" opacity="0.10"/> <ellipse cx="300" cy="940" rx="620" ry="320" fill="#3a2614" opacity="0.10"/> <!-- hanging rail --> <rect x="110" y="206" width="1700" height="14" rx="7" fill="url(#rail)"/> <line x1="110" y1="213" x2="1810" y2="213" stroke="#4a3520" stroke-width="1" opacity="0.5"/> <rect x="108" y="198" width="16" height="46" fill="#6e5238"/> <rect x="1796" y="198" width="16" height="46" fill="#6e5238"/> <!-- LEFT cluster: tee, shirt, jacket --> <g opacity="0.85"> <!-- tee @160 --> <path d="M156 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <path d="M160 220 L88 286 Q160 268 232 286 Z" fill="url(#rail)" stroke="#5a4128" stroke-width="2"/> <g stroke="#3f4a57" stroke-width="2" stroke-linejoin="round"> <path d="M104 292 L70 322 L92 372 L116 360 Z" fill="#6e7e8e"/> <path d="M216 292 L250 322 L228 372 L204 360 Z" fill="#6e7e8e"/> <path d="M104 286 Q160 270 216 286 L220 540 Q160 556 100 540 Z" fill="#7a8a9a"/> </g> <path d="M132 286 Q160 318 188 286 Q180 308 160 318 Q140 308 132 286 Z" fill="#5f6e7e"/> <!-- button shirt @360 --> <path d="M356 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <path d="M360 220 L288 286 Q360 268 432 286 Z" fill="url(#rail)" stroke="#5a4128" stroke-width="2"/> <g stroke="#9a8e72" stroke-width="2" stroke-linejoin="round"> <path d="M304 292 L276 326 L296 388 L318 372 Z" fill="#d8d0c2"/> <path d="M416 292 L444 326 L424 388 L402 372 Z" fill="#d8d0c2"/> <path d="M308 286 Q360 270 412 286 L416 600 Q360 616 304 600 Z" fill="#e2dccc"/> </g> <line x1="360" y1="320" x2="360" y2="600" stroke="#bcae8c" stroke-width="2"/> <g fill="#bcae8c"><circle cx="360" cy="372" r="4"/><circle cx="360" cy="440" r="4"/><circle cx="360" cy="508" r="4"/></g> <!-- denim jacket @560 --> <path d="M556 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <path d="M560 220 L488 286 Q560 268 632 286 Z" fill="url(#rail)" stroke="#5a4128" stroke-width="2"/> <g stroke="#2e4661" stroke-width="2" stroke-linejoin="round"> <path d="M506 294 L472 326 L486 408 L512 392 Z" fill="#54708f"/> <path d="M614 294 L648 326 L634 408 L608 392 Z" fill="#54708f"/> <path d="M508 288 Q560 270 612 288 L618 590 Q560 608 502 590 Z" fill="#5e7b98"/> </g> <path d="M508 288 Q560 274 612 288 L594 316 Q560 332 526 316 Z" fill="#46637e"/> <line x1="560" y1="320" x2="560" y2="590" stroke="#2e4661" stroke-width="2"/> <g fill="#c9ccd2"><circle cx="560" cy="384" r="5"/><circle cx="560" cy="462" r="5"/><circle cx="560" cy="540" r="5"/></g> </g> <!-- RIGHT cluster: hoodie, dress, trousers --> <g opacity="0.85"> <!-- hoodie @1360 --> <path d="M1356 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <path d="M1360 220 L1288 286 Q1360 268 1432 286 Z" fill="url(#rail)" stroke="#5a4128" stroke-width="2"/> <g stroke="#5f5f56" stroke-width="2" stroke-linejoin="round"> <path d="M1328 296 L1292 332 L1310 408 L1338 392 Z" fill="#8d8d85"/> <path d="M1392 296 L1428 332 L1410 408 L1382 392 Z" fill="#8d8d85"/> <path d="M1308 290 Q1360 272 1412 290 L1420 590 Q1360 608 1300 590 Z" fill="#9b9b93"/> <path d="M1338 290 Q1360 256 1382 290 Q1372 312 1360 312 Q1348 312 1338 290 Z" fill="#7c7c73"/> </g> <path d="M1388 408 Q1360 424 1332 408 L1342 486 L1378 486 Z" fill="#828279"/> <!-- a-line dress @1560 --> <path d="M1556 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <path d="M1560 220 L1488 286 Q1560 268 1632 286 Z" fill="url(#rail)" stroke="#5a4128" stroke-width="2"/> <g stroke="#7a6238" stroke-width="2" stroke-linejoin="round"> <path d="M1510 292 L1486 326 L1500 372 L1518 358 Z" fill="#b59b6e"/> <path d="M1610 292 L1634 326 L1620 372 L1602 358 Z" fill="#b59b6e"/> <path d="M1510 286 Q1560 270 1610 286 L1648 640 Q1560 664 1472 640 Z" fill="#c4ac7c"/> </g> <path d="M1530 286 Q1560 318 1590 286 Q1580 310 1560 320 Q1540 310 1530 286 Z" fill="#9c8456"/> <line x1="1560" y1="320" x2="1560" y2="650" stroke="#9c8456" stroke-width="1.6" opacity="0.6"/> <!-- trousers on clip @1760 --> <path d="M1756 206 q4 -10 8 0" fill="none" stroke="#6b4f33" stroke-width="3"/> <rect x="1716" y="276" width="88" height="20" rx="4" fill="#7a6238" stroke="#5a4128" stroke-width="2"/> <g stroke="#6e5733" stroke-width="2" stroke-linejoin="round"> <path d="M1726 296 L1700 620 L1752 620 L1760 408 L1758 296 Z" fill="#9c8a66"/> <path d="M1794 296 L1820 620 L1768 620 L1760 408 L1762 296 Z" fill="#9c8a66"/> </g> <line x1="1726" y1="430" x2="1716" y2="612" stroke="#bba980" stroke-width="1.4" opacity="0.7"/> <line x1="1794" y1="430" x2="1804" y2="612" stroke="#bba980" stroke-width="1.4" opacity="0.7"/> </g> <!-- center scrim for headline legibility --> <rect width="1920" height="1080" fill="url(#scrim)"/> <ellipse cx="960" cy="1010" rx="900" ry="60" fill="#241710" opacity="0.22"/> </svg>
保存
返回