征集一下各个模型对于吕布骑马任务的输出代码
aiyaya1006
2026-08-06 15:06
1
最新回复 (14)
-
wuxubiao 08-06 15:331楼 -
aiyaya1006 楼主 08-06 15:392楼
-
ben ban 08-06 15:413楼 -
gitday 08-06 15:444楼早上用kiro的opus5做的
吕布骑赤兔-SVG-2D-动画 opus5.txt (20.7 KB)
附图
-
wuxubiao 08-06 15:455楼
-
guozi 08-06 15:456楼 -
wjggnmnl 08-06 15:467楼 -
guozi 08-06 15:498楼
-
ZcZiXs 08-06 15:509楼 -
chenqiana 08-06 15:5010楼 -
aiyaya1006 楼主 08-06 15:5411楼
-
何谢 08-06 15:5612楼 -
ZcZiXs 08-06 16:0213楼
-
水很深 08-06 16:0214楼
deepseek-flash 非官方
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>吕布骑赤兔</title>
<style>
html, body { margin:0; height:100%; background:#0f0a12; display:flex; align-items:center; justify-content:center; }
svg { width:min(96vw,1200px); height:auto; display:block;
filter: drop-shadow(0 0 40px rgba(229,57,53,.25)); border-radius:14px; }
</style>
</head>
<body>
<svg viewBox="0 0 1200 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<!-- 天空日落渐变 -->
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#2b1140"/>
<stop offset="0.45" stop-color="#7a2740"/>
<stop offset="0.72" stop-color="#f06a2a"/>
<stop offset="0.9" stop-color="#fcd47a"/>
<stop offset="1" stop-color="#ffe9b0"/>
</linearGradient>
<!-- 地面渐暗 -->
<linearGradient id="groundGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#5a2a12"/>
<stop offset="0.3" stop-color="#3a1809"/>
<stop offset="1" stop-color="#181008"/>
</linearGradient>
<!-- 赤兔身体渐变 -->
<linearGradient id="bodyGrad" x1="0.1" y1="0" x2="0.95" y2="0.4">
<stop offset="0" stop-color="#E53935"/>
<stop offset="1" stop-color="#A31414"/>
</linearGradient>
<!-- 太阳光芒渐变 -->
<radialGradient id="sunGrad" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#fffde0"/>
<stop offset="0.55" stop-color="#ffd54f"/>
<stop offset="1" stop-color="rgba(255,180,40,0)"/>
</radialGradient>
<!-- 银甲渐变 -->
<linearGradient id="armorGrad" x1="0" y1="0" x2="0.4" y2="1">
<stop offset="0" stop-color="#f4f7fb"/>
<stop offset="1" stop-color="#aeb6c4"/>
</linearGradient>
<!-- 深色远腿 / 近腿 -->
<linearGradient id="legFarGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#8d1010"/>
<stop offset="1" stop-color="#5c0a0a"/>
</linearGradient>
<linearGradient id="legNearGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#E53935"/>
<stop offset="1" stop-color="#a01111"/>
</linearGradient>
<!-- 透明度淡出的旗帜/鞭痕迹 -->
<linearGradient id="fadeR" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#ffe28a" stop-opacity="0"/>
<stop offset="1" stop-color="#ffe28a" stop-opacity="0.9"/>
</linearGradient>
</defs>
<!-- ============ 日落天空 ============ -->
<rect x="0" y="0" width="1200" height="800" fill="url(#skyGrad)"/>
<!-- ============ 旋转光芒的太阳 ============ -->
<g transform="translate(955,140)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="14s"
from="0" to="360" repeatCount="indefinite"/>
<circle r="150" fill="url(#sunGrad)"/>
<!-- 光芒 -->
<g fill="#ffd54f" opacity="0.7">
<polygon points="0,-150 8,-205 -8,-205"/>
<polygon points="0,150 8,205 -8,205"/>
<polygon points="-150,0 -205,8 -205,-8"/>
<polygon points="150,0 205,8 205,-8"/>
<polygon points="-106,-106 -155,-150 -150,-155"/>
<polygon points="106,106 150,155 155,150"/>
<polygon points="106,-106 155,-150 150,-155"/>
<polygon points="-106,106 -150,155 -155,150"/>
</g>
</g>
<circle r="74" fill="#fff3b0" opacity="0.95"/>
<circle r="60" fill="#ffe26a"/>
<circle r="34" cx="-18" cy="-14" fill="#ffd54f" opacity="0.7"/>
</g>
<!-- ============ 三层云（不同速度右飘） ============ -->
<g fill="#ffffff" opacity="0.16">
<g>
<animateTransform attributeName="transform" type="translate"
values="-600 0;1300 0" dur="60s" repeatCount="indefinite"/>
<ellipse cx="0" cy="180" rx="160" ry="34"/>
<ellipse cx="90" cy="172" rx="120" ry="30"/>
<ellipse cx="-70" cy="192" rx="150" ry="26"/>
</g>
</g>
<g fill="#fff" opacity="0.22">
<g>
<animateTransform attributeName="transform" type="translate"
values="-700 0;1400 0" dur="42s" repeatCount="indefinite"/>
<ellipse cx="-200" cy="300" rx="200" ry="42"/>
<ellipse cx="-80" cy="292" rx="150" ry="36"/>
<ellipse cx="90" cy="308" rx="170" ry="30"/>
<ellipse cx="280" cy="296" rx="140" ry="34"/>
</g>
</g>
<g fill="#fff" opacity="0.34">
<g>
<animateTransform attributeName="transform" type="translate"
values="-900 0;1300 0" dur="24s" repeatCount="indefinite"/>
<ellipse cx="-100" cy="390" rx="220" ry="46"/>
<ellipse cx="40" cy="382" rx="170" ry="40"/>
<ellipse cx="-260" cy="398" rx="180" ry="34"/>
<ellipse cx="340" cy="402" rx="160" ry="36"/>
</g>
</g>
<!-- ============ 远山 / 近山 视差 ============ -->
<g opacity="0.75">
<g fill="#3b1f3d">
<animateTransform attributeName="transform" type="translate"
values="0 0;-440 0" dur="30s" repeatCount="indefinite"/>
<polygon points="0,505 130,300 240,505"/>
<polygon points="220,505 380,260 520,505"/>
<polygon points="500,505 640,310 790,505"/>
<polygon points="760,505 900,255 1060,505"/>
<polygon points="1040,505 1180,310 1350,505"/>
<polygon points="1200,505 1300,300 1480,505"/>
<polygon points="-120,505 -20,280 140,505"/>
</g>
</g>
<g opacity="0.95">
<g>
<animateTransform attributeName="transform" type="translate"
values="0 0;-600 0" dur="18s" repeatCount="indefinite"/>
<path d="M -80,505 L 90,368 L 230,470 L 380,330 L 540,472 L 720,352
L 900,478 L 1080,342 L 1240,470 L 1420,360 L 1580,505 Z" fill="#2c0a1e"/>
<path d="M -60,505 L 120,420 L 300,505 Z" fill="#200717" opacity="0.6"/>
<path d="M 820,505 L 1000,428 L 1180,505 Z" fill="#200717" opacity="0.6"/>
</g>
</g>
<!-- ============ 地面 ============ -->
<rect x="0" y="505" width="1200" height="295" fill="url(#groundGrad)"/>
<!-- 地面快速滚动纹理（1.8s/屏） -->
<g>
<animateTransform attributeName="transform" type="translate"
values="0 0;-1200 0" dur="1.8s" repeatCount="indefinite"/>
<g transform="translate(0,0)">
<path d="M0,525 L90,525" stroke="#7a4a20" stroke-width="5" stroke-linecap="round" opacity="0.5"/>
<path d="M180,548 L140,548" stroke="#5c3213" stroke-width="5" stroke-linecap="round" opacity="0.35"/>
<path d="M300,570 L400,570" stroke="#6a3c14" stroke-width="6" stroke-linecap="round" opacity="0.4"/>
<path d="M500,535 L560,535" stroke="#7a4a20" stroke-width="4" stroke-linecap="round" opacity="0.5"/>
<path d="M640,590 L700,590" stroke="#4c2a0e" stroke-width="5" stroke-linecap="round" opacity="0.3"/>
<path d="M800,522 L850,522" stroke="#7a4a20" stroke-width="4" stroke-linecap="round" opacity="0.5"/>
<path d="M960,560 L1020,560" stroke="#5c3213" stroke-width="5" stroke-linecap="round" opacity="0.35"/>
<path d="M1100,545 L1170,545" stroke="#7a4a20" stroke-width="6" stroke-linecap="round" opacity="0.5"/>
</g>
<g transform="translate(1200,0)">
<path d="M0,525 L120,525 M0,548 L-40,548" stroke="#7a4a20" stroke-width="5" stroke-linecap="round" opacity="0.5"/>
<path d="M180,590 L260,590" stroke="#4c2a0e" stroke-width="5" stroke-linecap="round" opacity="0.3"/>
<path d="M300,530 L380,530 M420,570 L480,570" stroke="#5c3213" stroke-width="4" stroke-linecap="round" opacity="0.4"/>
</g>
<g transform="translate(2400,0)"><path d="M0,525 L120,525" stroke="#7a4a20"/></g>
</g>
<!-- ============ 马影（随步幅缩放） ============ -->
<g>
<animateTransform attributeName="transform" type="scale"
values="1 0.9;0.78 0.55;1 0.9" dur="0.45s" repeatCount="indefinite"/>
<ellipse cx="470" cy="512" rx="200" ry="20" fill="rgba(0,0,0,0.55)"/>
</g>
<!-- 前后蹄交替扬尘 -->
<g fill="#3a1809" opacity="0.8">
<g>
<animateTransform ... translate up-rise>
<ellipse cx="330" cy="508" rx="26" ry="10"/>
<animate attributeName="opacity" values="0;0.9;0" dur="0.55s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="0 0;-14 -26; -40 -70" dur="0.5s" repeatCount="indefinite"/>
</g>
<g>
<animate attributeName="opacity" values="0;0.9;0" dur="0.45s" begin="0.45s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="0 0;-16 -8; -42 -72" dur="0.5s" begin="0.45s" repeatCount="indefinite"/>
<ellipse cx="520" cy="508" rx="10" ry="10"/>
</g>
</g> -->
<!-- 骑乘主人整体：颠簸群 0.45s 弹跳，内部 0.9s 前后俯仰 -->
<g>
<!-- 前后俯仰（0.9s 完整步幅） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="-5 430 470;4 430 470;-5 430 470" dur="0.9s" repeatCount="indefinite"/>
<!-- 上下颠簸（半周期交替，0.45s） -->
<g>
<animateTransform attributeName="transform" type="translate"
values="0 0;0 -20;0 0;0 -20;0 0" dur="0.9s" repeatCount="indefinite"/>
<!-- 赤兔身体 -->
<g>
<!-- 马尾（高频摆动） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="-26 300 300;26 300 300;-26 300 300" dur="0.4s" repeatCount="indefinite"/>
<path d="M300,340 C258,340 246,360 252,390 C258,420 250,442 254,462
C270,470 286,478 296,488 C280,470 268,452 278,432
C290,450 306,462 320,470 C308,450 300,436 306,420
C330,436 348,448 362,456 C336,438 320,424 328,404 C332,382 320,362 300,340 Z"
fill="#8a0f0f"/>
</g>
<!-- 身体 -->
<ellipse cx="410" cy="432" rx="160" ry="88" transform="rotate(-9 410 432)"
fill="url(#bodyGrad)" stroke="#7a0f0f" stroke-width="3"/>
<!-- 腹部高光 -->
<ellipse cx="390" cy="420" rx="120" ry="60" fill="rgba(255,120,90,0.28)" transform="rotate(-9 390 420)"/>
<!-- 颈 -->
<path d="M492,340 C520,320 548,315 566,332 C584,348 592,362 590,382
C560,400 528,404 500,398 C492,390 484,372 492,340 Z"
fill="url(#bodyGrad)"/>
<!-- 头 -->
<path d="M566,316 C598,308 622,312 636,324 C652,338 662,352 664,360
C664,368 650,372 640,362 C636,356 630,354 622,360
C606,368 582,368 566,356 Z" fill="#c0261c"/>
<!-- 马嘴 -->
<rect x="642" y="336" width="30" height="26" rx="8" fill="#a31414"/>
<rect x="642" y="336" width="30" height="12" rx="7" fill="#c0261c"/>
<!-- 鼻孔/眼睛 -->
<circle cx="652" cy="330" r="6" fill="#3a0a0a"/>
<ellipse cx="660" cy="347" rx="4" ry="3" fill="#8a0f0f"/>
<!-- 鬃毛（高频摆动） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="6 540 350;-6 540 350;6 540 350" dur="0.38s" repeatCount="indefinite"/>
<path d="M520,340 C505,300 520,270 555,258 C545,280 558,296 560,318
C566,338 520,400 520,340 Z" fill="#6e0c0c"/>
<path d="M540,318 C532,285 548,262 580,258 C568,276 578,296 584,318
C576,330 556,330 540,318 Z" fill="#8a0f0f"/>
<path d="M556,304 C558,276 572,262 596,262 C586,276 590,292 596,316
C588,322 566,320 556,304 Z" fill="#5f0b0b"/>
</g>
</g>
<!-- 远侧两腿（反相，begin=0.45s） -->
<g>
<!-- 远后腿：髋(330,428) -->
<g transform="translate(330,428)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s" begin="0.45s"
values="-46 0 0;40 0 0;-46 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-14,0 C-4,10 6,20 8,30 C-2,30 -10,22 -14,0 Z" fill="url(#legFarGrad)"/>
<g transform="translate(2,30)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s" begin="0.45s"
values="-32 0 0;34 0 0;-32 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-12,0 C-2,10 4,22 3,34 C-6,30 -12,18 -12,0 Z" fill="url(#legFarGrad)"/>
<rect x="-14" y="32" width="20" height="8" rx="5" fill="#34100f"/>
</g>
</g>
</g>
</g>
<!-- 远前腿：肩(486,432) -->
<g transform="translate(486,432)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s" begin="0.45s"
values="-46 0 0;40 0 0;-46 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-16,0 C-4,10 6,20 16,30 C-8,30 -18,20 -16,0 Z" fill="url(#legFarGrad)"/>
<g transform="translate(0,30)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s" begin="0.45s"
values="-32 0 0;34 0 0;-32 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-12,0 C12,10 4,22 2,34 C-8,30 -14,16 -12,0 Z" fill="url(#legFarGrad)"/>
<rect x="-14" y="32" width="20" height="8" rx="5" fill="#34100f"/>
</g>
</g>
</g>
</g>
</g>
<!-- 近侧两腿（同相 begin=0s） -->
<g>
<!-- 近后腿：髋(338,442) -->
<g transform="translate(338,442)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s"
values="-46 0 0;40 0 0;-46 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-16,0 C-6,12 8,22 18,30 C-6,32 -16,20 -16,0 Z" fill="url(#legNearGrad)" stroke="#7a0f0f" stroke-width="2"/>
<g transform="translate(2,30)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s"
values="-32 0 0;34 0 0;-32 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-13,0 C-4,12 6,24 4,36 C-8,34 -14,18 -13,0 Z" fill="url(#legNearGrad)" stroke="#7a0f0f" stroke-width="2"/>
<rect x="-16" y="34" width="22" height="9" rx="5" fill="#3a0e0c"/>
</g>
</g>
</g>
</g>
<!-- 近前腿：肩(482,448) -->
<g transform="translate(482,448)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s"
values="-46 0 0;40 0 0;-46 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-18,0 C-6,8 10,26 20,30 C-8,40 -18,24 -18,0 Z" fill="url(#legNearGrad)" stroke="#7a0f0f" stroke-width="2"/>
<g transform="translate(0,30)">
<g>
<animateTransform attributeName="transform" type="rotate" dur="0.9s"
values="-32 0 0;34 0 0;-32 0 0" keyTimes="0;0.5;1" repeatCount="indefinite"/>
<path d="M-15,0 C-4,12 2,24 3,36 C-10,36 -16,18 -15,0 Z" fill="url(#legNearGrad)" stroke="#7a0f0f" stroke-width="2"/>
<rect x="-16" y="34" width="22" height="9" rx="5" fill="#3a0e0c"/>
</g>
</g>
</g>
</g>
</g>
<!-- ═══════ 吕布 ═══════ -->
<!-- 双层披风（随风摆动） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="-12 455 150;12 455 150;-12 455 150" dur="0.9s" repeatCount="indefinite"/>
<!-- 下层披风 -->
<path d="M430,120 C360,140 320,220 330,300
C376,306 412,284 428,248 C420,190 424,156 430,120 Z" fill="#a51f16"/>
<!-- 上层披风 -->
<path d="M448,118 C400,128 350,190 366,272
C402,292 434,268 446,230 C444,180 446,148 448,118 Z" fill="#d02419"/>
</g>
<!-- 银甲躯干 + 护心镜 -->
<g>
<path d="M430,120 L492,106 L512,160 L486,212 L428,196 L414,160 Z"
fill="url(#armorGrad)" stroke="#c9972a" stroke-width="3"/>
<!-- 肩甲 -->
<ellipse cx="492" cy="126" rx="26" ry="20" fill="url(#armorGrad)" stroke="#c9972a" stroke-width="3"/>
<ellipse cx="472" cy="120" rx="22" ry="16" fill="url(#armorGrad)" stroke="#c9972a" stroke-width="3"/>
<!-- 护心镜 -->
<circle cx="450" cy="168" r="22" fill="#f7c14a" stroke="#a4710b" stroke-width="3"/>
<circle cx="450" cy="168" r="14" fill="#ffe28a"/>
</g>
<!-- 手臂持戟 -->
<g>
<path d="M486,158 C518,176 538,196 548,220 C530,214 512,200 486,190 Z"
fill="#6b7280" stroke="#c9972a" stroke-width="2"/>
</g>
<!-- 金盔 + 红缨 -->
<g>
<path d="M452,96 C456,70 486,58 508,74 C524,86 526,112 518,128
C500,142 470,140 458,122 C452,114 450,104 452,96 Z"
fill="#e8b13c" stroke="#b07f12" stroke-width="3"/>
<!-- 盔缨（红） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="10 482 70;-10 482 70;10 482 70" dur="0.45s" repeatCount="indefinite"/>
<path d="M486,62 C484,42 492,28 486,12
C496,26 492,46 494,62 Z" fill="#d02419"/>
</g>
<!-- 雉鸡翎（两根） -->
<g>
<animateTransform attributeName="transform" type="rotate"
values="14 500 92;-14 500 92;14 500 92" dur="0.5s" repeatCount="indefinite"/>
<path d="M506,88 C560,60 620,70 672,96 C616,104 560,108 506,108 Z"
fill="#f7e9c0" stroke="#c9972a" stroke-width="1.5"/>
<path d="M508,102 C560,120 618,130 668,156 C616,142 566,134 508,120 Z"
fill="#fff3d6" stroke="#c9972a" stroke-width="1.5"/>
</g>
</g>
<!-- 头部（盔下脸） -->
<circle cx="476" cy="100" r="16" fill="#e8b72e" />
<circle cx="496" cy="92" r="14" fill="#f8d06b"/>
<!-- 方天画戟 -->
<g>
<!-- 银戟杆 -->
<path d="M300,640 L660,140" stroke="#cfd8e3" stroke-width="9" stroke-linecap="round"/>
<path d="M300,640 L660,140" stroke="#c9972a" stroke-width="9" stroke-dasharray="2 26" stroke-linecap="round"/>
<!-- 银戟头 -->
<g transform="translate(660,140)">
<path d="M0,0 C-6,-32 -16,-64 -32,-84 C-4,-56 6,-30 0,0 Z"
fill="#cfd8e3" stroke="#8d9aa8" stroke-width="2" transform="rotate(0)"/>
<path d="M0,0 C-6,32 -4,58 4,74 C-10,58 -8,30 -2,6 Z"
fill="#cfd8e3" stroke="#8d9aa8" stroke-width="2"/>
<path d="M0,0 C-14,-6 -32,-10 -48,-26 C-30,-10 -14,-4 0,0 Z" fill="#c9972a"/>
<path d="M0,0 C 46,8 92,4 130,-14 C 90,2 46,0 0,0 Z" fill="#c9972a"/>
</g>
<!-- 红缨（摆动） -->
<g transform="translate(672,180)">
<animateTransform attributeName="transform" type="rotate"
values="16 0 0;-16 0 0;16 0 0" dur="0.42s" repeatCount="indefinite"/>
<path d="M-6,0 C-14,22 -10,48 4,66 C-8,48 -6,26 -2,0 Z" fill="#d02419"/>
<path d="M2,0 C12,22 18,44 10,62 C0,44 4,22 8,0 Z" fill="#e0282a"/>
</g>
<!-- 缰绳（连马嘴） -->
<path d="M560,84 C610,90 660,300 662,352" stroke="#8a5a20" stroke-width="4" fill="none" opacity="0.9"/>
</g>
</g>
</g>
</g>
<!-- 四条闪烁速度线 -->
<g stroke="url(#fadeR)" stroke-width="5" stroke-linecap="round">
<line x1="40" y1="460" x2="120" y2="460">
<animate attributeName="opacity" values="0;.8;0" dur="0.4s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="800 0;0 0" dur="0.8s" repeatCount="indefinite"/>
</line>
<line x1="40" y1="300" x2="110" y2="300">
<animate attributeName="opacity" values="0;.7;0" dur="0.5s" begin="0.2s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="700 0;0 0" dur="0.9s" begin="0.2s" repeatCount="indefinite"/>
</line>
<line x1="40" y1="600" x2="130" y2="600">
<animate attributeName="opacity" values="0;.75;0" dur="0.45s" begin="0.35s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="800 0;0 0" dur="0.7s" begin="0.35s" repeatCount="indefinite"/>
</line>
<line x1="40" y1="360" x2="100" y2="360">
<animate attributeName="opacity" values="0;.6;0" dur="0.55s" begin="0.5s" repeatCount="indefinite"/>
<animateTransform attributeName="transform" type="translate"
values="650 0;0 0" dur="1s" begin="0.5s" repeatCount="indefinite"/>
</line>
</g>
<!-- ============ 标题 + 印章 ============ -->
<!-- 主标题 -->
<text x="60" y="110" font-family="KaiTi,STKaiti,Kaiti SC,serif" font-size="92"
fill="#fff8e7" font-weight="bold"
style="text-shadow:0 4px 10px rgba(0,0,0,.45)">吕布骑赤兔</text>
<!-- 英文副标 -->
<text x="66" y="150" font-family="Georgia,serif" font-size="30"
fill="#ffd9a0" letter-spacing="4">LÜ BU ON RED HARE</text>
<!-- 红底「吕」字印章 -->
<g transform="translate(1050,52)">
<rect x="0" y="0" width="120" height="128" rx="12" fill="#c62828" stroke="#8f1010" stroke-width="5"/>
<rect x="8" y="8" width="104" height="112" rx="8" fill="none" stroke="#a31414" stroke-width="3"/>
<text x="60" y="92" text-anchor="middle"
font-family="KaiTi,STKaiti,Kaiti SC,serif" font-size="86" fill="#fff" font-weight="bold">吕</text>
</g>
</svg>
</body>
</html>
* 帖子来源Linux.do
附近帖子