Canvas-六边形小球实验

对比主流模型的物理世界理解

8 个模型 · 百模竞速 · TOKRACE · 分享快照
分享与嵌入

社交平台直接发布;GitHub/README 使用 Markdown 或 Badge。

XFacebook微博LinkedIn
[![Canvas-六边形小球实验 在 TOKRACE 上的速度结果](/api/badge/share/vHIThHeq3N?locale=zh-CN)](/zh-CN/r/vHIThHeq3N)
Generate an SVG of a pelican riding a bicycle. 直接输出完整的 <svg> 代码(包含 xmlns 属性和 viewBox),不要任何解释文字。
复跑这次评测完整复跑会带走标题、备注、Prompt 和模型;Prompt 复跑只复用任务文本。
显示
🏁 实时竞速思考 / 输出 token速度 t/s · 基准 300
智谱 GLM-5.2
🏁
13004
85 t/s
DeepSeek
🏁
11516
106 t/s
DeepSeek
🏁
11356
175 t/s
Kimi 月之暗面-K3
🏁
7993
32 t/s
Kimi 月之暗面-high-think-budget
🏁
4082
71 t/s
小米 MiMo-V2.5 Pro
🏁
2063
86 t/s
MiniMax-M3
🏁
1653
121 t/s
小米 MiMo-V2.5
🏁
1228
90 t/s
🏁 本轮结算
🏆 最快
DeepSeek
175 tok/s
💰 最省
小米 MiMo-V2.5
≈$0.00038
综合推荐
小米 MiMo-V2.5
最便宜
DeepSeek#6
deepseek-v4-pro
完成
让我逐句生成完整的SVG代码,包含 pelican 骑自行车的效果。 1. **分析需求:** * **主题:** 一只鹈鹕骑着自行车。 * **格式:** SVG。 * **限定条件:** 直接输出完整的 `<svg>` 代码(包含 `xmlns` 属性和 `viewBox`),不要任何额外的解释性文字。 2. **确定 SVG 结构和尺寸:** * `viewBox`:使用 `0 0 500 500` 来提供一个良好的方形画布。 * `xmlns`:包含 `xmlns="http://www.w3.org/2000/svg"`。 3. **设计元素:** * **背景(可选但有助于突出轮廓):** 轻量级的日式风格太阳或简单的天空?我们让 SVG 保持干净,使用纯色背景或透明背景。为了更好的可视性,可能在头部后面加一个简单的圆形。 * **自行车:** * 后轮、前轮(带辐条的圆形)。 * 车架(连接踏板的线条,座椅,车把)。 * 车把、座椅、踏板。 * **鹈鹕(角色):** * 身体:白色/浅灰色,大喙,独特的黄色/橙色喉囊。 * 头、颈、身体、翅膀、腿/脚。 * 位置:坐在自行车座椅上,脚踩着踏板,翅膀握着车把。 * **动作/动感:** 添加一些动感线条,也许让喉囊稍微摆动一下。 4. **起草 SVG 代码(脑内或草稿):** * *网格/布局:* * 自行车中心:大约在 Y=350,X=250。 * 后轮:(100, 400) * 前轮:(400, 400),车轮半径:60。 * *绘制自行车:* * 车轮: * `<circle cx="100" cy="400" r="60" fill="none" stroke="#333" stroke-width="8" />` * `<circle cx="400" cy="400" r="60" fill="none" stroke="#333" stroke-width="8" />` * 辐条:画几条线条。例如在 60px 半径内画 6 条线。 * 车架: * 中轴(踏板中心):大约在(200, 400) * 后下叉:(100, 400) 到 (200, 400) * 立管:(200, 400) 到 (250, 300) * 上管:(250, 300) 到 (400, 280) -> 调整为(230, 280) 到 (400, 300) * 下管:(200, 400) 到 (380, 280) * 车把:从(380, 280) 向上弯曲到(380, 230) * 座椅:从(250, 300) 向上伸出柱子到(230, 260)。 * *绘制鹈鹕:* * 身体:基于座椅。椭圆形,白色填充,灰色描边。 * 中心位于(240, 240),rx=50, ry=60。 * 尾巴:添加一些羽毛从右侧伸出(记住,鹈鹕的尾巴很短)。 * 脖子:向上弯曲。 * 路径从身体顶部(240, 180) 开始,向上向右弯曲到(300, 120)。 * 头部:在脖子上画圆。 * 圆心(310, 110), r=25。 * 眼睛:圆心(320, 105), r=4,黑色填充。 * 喙: * 鹈鹕有很长的喙和一个喉囊。 * 上喙:从(330, 105) 到(420, 95) 的路径,底部稍微弯曲。 * 下喙/喉囊:曲线向下回到(340, 130)。用黄色/橙色填充(例如 `#FFA500`)。 * 翅膀: * 折叠在身体上,或者展开以保持平衡。我们用折叠的,这样看起来它在骑行。 * 椭圆形在(230, 230), rx=40, ry=30, 旋转一定角度。 * 等等,翅膀在骑车时用来握住车把。我们让一只翅膀向下,或者让翼尖指向车把。 * 实际上,让我们画出翅膀延伸并握住车把。 * 翅膀:从(250, 220) 到(370, 270) 的路径。 * 腿/脚: * 鹈鹕的腿很短。 * 从身体底部(200, 300) 向下连接到踏板(200, 400)。 * 大腿:线条或粗描边。 * 脚:在踏板上画蹼足。 5. **精细化坐标和视觉效果:** * 背景:圆角矩形或圆形太阳。我们用一个明亮的太阳作为背景。 * `<circle cx="250" cy="250" r="180" fill="#FFE066" />` * `<rect width="500" height="500" fill="#E6F2FF" />` (天空背景) * 车轮细节: * 后轮:`cx="120" cy="400" r="60"` * 前轮:`cx="380" cy="400" r="60"` * 轮胎:`stroke="#222" stroke-width="8"` * 辐条:使用 `<line>` 或 `<path>` 标签。为了代码整洁,我们使用 `<path d="..." />`。 * 中轴:`cx="220" cy="400"`。 * 车架: * 后下叉:`M 120 400 L 220 400` * 立管:`M 220 400 L 250 300` * 上管:`M 250 300 L 370 290` * 下管:`M 220 400 L 370 290` * 车把立柱:`M 370 290 L 370 250` * 车把:`M 370 250 C 390 250, 390 230, 370 230` (弯曲) * 前叉:`M 370 290 L 380 400` * 链条:`M 120 400 L 220 400` (我们可以添加一个表示链条的虚线圆,或者一条分开的线)。 * 踏板与曲柄:`M 220 400 L 210 420` 和 `M 220 400 L 230 380`。 * 等等,踩踏板时曲柄是交替的。我们让左曲柄向上,右曲柄向下。 * 左曲柄:`M 220 400 L 210 420`,踏板:`rect x="195" y="420" width="30" height="10" rx="5"` * 右曲柄:`M 220 400 L 230 380`,踏板:`rect x="215" y="380" width="30" height="10" rx="5"` * *鹈鹕身体:* * 既然曲柄在移动,腿的位置也要相应调整。 * 左腿(让我们把它放在靠近踏板的位置):`left hip (approx x=190, y=280)` 到 `left pedal (210, 420)`。 * 右腿:`right hip (approx x=210, y=280)` 到 `right pedal (230, 380)`。 * 让我们把臀部中心放在 `(200, 280)`。 * 身体:以 `(230, 220)` 为中心的椭圆,rx=55, ry=70。角度 = -15 度。 * 尾巴:从 `(175, 240)` 伸出。我们添加一些路径表示尾羽。 * 脖子:从 `(260, 170)` 向上向右弯曲到 `(320, 110)`。 * 头部:圆心 `(330, 100)`, r=30。 * 眼睛:圆心 `(345, 95)`, r=5。 * 喙:长而突出。 * 上喙:`M 355 90 Q 430 80 440 70 Q 440 80 355 100 Z` * 喉囊(下喙):`M 355 100 Q 420 110 380 140 Q 360 130 355 100 Z` -> 让我们调整这些坐标,使其看起来像真实的鹈鹕。 * 上喙:`M 355 90 C 400 90, 440 80, 450 75 C 440 90, 400 100, 358 105 Z` (橙色填充 `#F9A825`) * 喉囊:`M 358 105 C 430 110, 400 160, 360 145 C 350 130, 345 125, 358 105 Z` (更亮的橙色或黄色填充,例如 `#FDD835`,描边 `#E65100` 或类似的深橙色)。 * 在喉囊内添加一条喉咙线,以赋予其深度。 * 翅膀: * 折叠在身体上。`path` 起于 `(230, 220)`,结束于 `(300, 250)`。 * 为了让它看起来像在骑自行车,我们可以让一只翅膀伸向车把。 * 翅膀路径:`M 250 200 Q 300 220 360 230 L 360 260 Q 300 250 240 230 Z` * 或者只是一个附着在身体上并延伸到车把的大形状。 * 我们让鹈鹕的"手臂"(翅膀)握着车把。 * 翅膀 1(可见的):从 `(260, 190)` 开始,向下延伸到 `(370, 240)`。我们用 `fill="#FFFFFF" stroke="#B0BEC5" stroke-width="3"` 绘制。 * 腿: * 大腿:从 `(190, 280)` 和 `(210, 280)` 向下。 * 右腿:`M 210 280 L 230 380` (粗描边,例如 `stroke="#F9A825" stroke-width="12" stroke-linecap="round"`) * 左腿:`M 190 280 L 210 420` (同样用粗描边)。 * 脚(蹼):在踏板上画三角形/形状。 * 等等,鹈鹕的脚是蹼状的。我们画三条线/多边形。 * 右脚:在 `(230, 380)` 处,画一个像三叉戟的脚。或者用一条粗线代表脚踝,再用几个小多边形代表脚趾。 * 用更简单的方法:`<path d="M 230 380 L 215 395 M 230 380 L 225 405 M 230 380 L 235 405" stroke="#F9A825" stroke-width="6" stroke-linecap="round" />` 6. **精炼背景和整体美感:** * 既然要求没有背景颜色限制,我们可以添加一个漂亮的圆圈来框住它,或者保持透明。我们设置一个浅蓝色的圆形背景来衬托白色的鸟和自行车。 * 背景:`<circle cx="250" cy="250" r="230" fill="#E0F7FA" />` (青色背景,适合鹈鹕/自行车场景)。 * 再加一个更亮的太阳:`<circle cx="150" cy="150" r="80" fill="#FFEB3B" opacity="0.6" />` 7. **检查坐标和比例:** * 画布:500x500 * 背景圆圈:中心 `(250, 250)`,半径 `230`。 * 后轮:中心 `(120, 400)`,半径 `60`。边界:`(60, 400)` 到 `(180, 400)`。 * 前轮:中心 `(380, 400)`,半径 `60`。边界:`(320, 400)` 到 `(440, 400)`。 * 轴距:`120` 到 `380` 是 `260`。 * 中轴:`x = 220, y = 400`。(位于后轮后面,这样踏板在向后蹬)。 * 等等,正常的自行车中轴是位于车架中间,连接前后轮的。 * 我们假设后轮在 `120`,前轮在 `400`。中间点是 `260`。 * 我们把中轴放在 `x=220, y=400`。 * 立管从 `(220, 400)` 上升到 `(260, 310)`。 * 上管从 `(260, 310)` 到 `(370, 300)`。 * 下管从 `(220, 400)` 到 `(370, 300)`。 * 车把立柱从 `(370, 300)` 到 `(360, 260)`。 * 车把向后卷曲:`M 360 260 Q 380 250, 370 230`。 * 前叉从 `(370, 300)` 到 `(380, 400)`。 * 后下叉从 `(120, 400)` 到 `(220, 400)`。 * 这让自行车看起来更真实。 8. **细化自行车车轮:** * 外径:60,所以半径是 60。描边宽度:8。 * 内半径:56。 * 辐条: * 后轮:(8 条辐条) * `M 120 340 L 120 460` * `M 60 400 L 180 400` * `M 78 358 L 162 442` * `M 162 358 L 78 442` * 前轮:同样,中心在 `(380, 400)`。 * `M 380 340 L 380 460` * `M 320 400 L 440 400` * `M 338 358 L 422 442` * `M 422 358 L 338 442` 9. **细化鹈鹕比例和美观性:** * 一只卡通风格的鹈鹕。 * 身体:白色填充,浅灰色描边。 * 身体椭圆:`<ellipse cx="230" cy="210" rx="60" ry="75" transform="rotate(-10, 230, 210)" fill="#FFF" stroke="#90A4AE" stroke-width="4" />` * 脖子:从 `(260, 160)` 开始,向上弯曲到 `(330, 100)`。 * `<path d="M 260 160 Q 280 120 330 100 L 300 140 Q 260 110 230 160 Z" fill="#FFFFFF" stroke="#90A4AE" stroke-width="4" />` * 头:中心在 `(340, 100)`。半径 35。 * `<circle cx="340" cy="100" r="35" fill="#FFFFFF" stroke="#90A4AE" stroke-width="4" />` * 脖子和头结合:确保头部与脖子重叠。 * 眼睛:`<circle cx="355" cy="95" r="6" fill="#263238" />` * 眉毛/眉脊:`<path d="M 345 85 Q 355 80 365 85" stroke="#263238" stroke-width="3" fill="none" />` * 喙: * 上喙:`M 370 90 C 420 80, 460 75, 470 85 C 460 100, 420 105, 375 105 Z` (填充 `#F9A825`,描边 `#E65100`) * 等等,喙应该平整。上缘从 `370` 开始,下缘从 `375` 开始。 * 我们调整一下: * `M 370 90 C 420 85, 460 80, 470 85 L 465 100 C 420 105, 390 110, 375 105 Z` * 下喙(喉囊): * `M 375 105 C 400 110, 440 130, 420 155 C 400 170, 380 160, 370 140 C 360 120, 370 110, 375 105 Z` * 给喉囊添加内部细节:一条从 `(390, 110)` 到 `(400, 140)` 的红色/深橙色线条。 * 让我们重新验证上喙的长度。从 `x=370` 到 `x=470` 是 100px。头半径是 35。所以喙的长度大约是头宽的 2.5 倍。这对于鹈鹕来说是完美的! * 翅膀: *
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
  <defs>
    <radialGradient id="sunGlow" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#FFEE58" stop-opacity="0.8" />
      <stop offset="100%" stop-color="#FFEE58" stop-opacity="0" />
    </radialGradient>
  </defs>

  <!-- 背景 -->
  <rect width="500" height="500" fill="#E1F5FE" />
  
  <!-- 太阳 -->
  <circle cx="80" cy="80" r="100" fill="url(#sunGlow)" />
  <circle cx="80" cy="80" r="40" fill="#FFEE58" />
  <path d="M 80 10 L 80 20 M 80 140 L 80 150 M 10 80 L 20 80 M 140 80 L 150 80 
           M 30 30 L 37 37 M 123 123 L 130 130 M 30 130 L 37 123 M 123 37 L 130 30" 
        stroke="#FFEE58" stroke-width="4" stroke-linecap="round" />

  <!-- 运动/风的效果 -->
  <g stroke="#90A4AE" stroke-width="4" stroke-linecap="round" fill="none">
    <path d="M 30 380 Q 60 380 80 380" />
    <path d="M 30 400 Q 70 400 90 400" stroke-width="3" />
    <path d="M 30 420 Q 60 420 80 420" />
    <path d="M 60 350 Q 90 350 110 350" stroke-width="2" opacity="0.5" />
  </g>

  <!-- 自行车 - 后轮 -->
  <circle cx="120" cy="400" r="60" fill="none" stroke="#212121" stroke-width="10" />
  <circle cx="120" cy="400" r="56" fill="none" stroke="#757575" stroke-width="2" />
  <!-- 后轮辐条 -->
  <path d="M 120 344 L 120 456 M 64 400 L 176 400 M 80 360 L 160 440 M 80 440 L 160 360" stroke="#BDBDBD" stroke-width="4" />
  <circle cx="120" cy="400" r="16" fill="#546E7A" />
  <circle cx="120" cy="400" r="8" fill="#455A64" />

  <!-- 自行车 - 前轮 -->
  <circle cx="380" cy="400" r="60" fill="none" stroke="#212121" stroke-width="10" />
  <circle cx="380" cy="400" r="56" fill="none" stroke="#757575" stroke-width="2" />
  <!-- 前轮辐条 -->
  <path d="M 380 344 L 380 456 M 324 400 L 436 400 M 340 360 L 420 440 M 340 440 L 420 360" stroke="#BDBDBD" stroke-width="4" />
  <circle cx="380" cy="400" r="16" fill="#546E7A" />
  <circle cx="380" cy="400" r="8" fill="#455A64" />

  <!-- 自行车 - 车架(红色) -->
  <g stroke="#D32F2F" stroke-width="12" stroke-linejoin="round" stroke-linecap="round">
    <!-- 后下叉 -->
    <line x1="120" y1="400" x2="220" y2="400" />
    <!-- 立管 -->
    <line x1="220" y1="400" x2="260" y2="310" />
    <!-- 上管 -->
    <line x1="260" y1="310" x2="370" y2="300" />
    <!-- 下管 -->
    <line x1="220" y1="400" x2="370" y2="300" />
    <!-- 立叉 -->
    <line x1="120" y1="400" x2="260" y2="310" />
    <!-- 前叉 -->
    <line x1="370" y1="300" x2="380" y2="400" />
  </g>

  <!-- 自行车 - 车把和座管 -->
  <line x1="370" y1="300" x2="360" y2="260" stroke="#D32F2F" stroke-width="12" stroke-linecap="round" />
  <line x1="260" y1="310" x2="245" y2="295" stroke="#D32F2F" stroke-width="10" stroke-linecap="round" />
  
  <!-- 车把 -->
  <path d="M 360 260 Q 380 260 370 240" fill="none" stroke="#D32F2F" stroke-width="10" stroke-linecap="round" />
  
  <!-- 座椅 -->
  <path d="M 245 295 C 225 295, 220 280, 220 280 C 220 280, 250 275, 260 285 C 265 290, 255 300, 245 295 Z" fill="#37474F" />

  <!-- 自行车 - 链条和齿轮 -->
  <circle cx="220" cy="400" r="24" fill="#78909C" />
  <circle cx="220" cy="400" r="18" fill="#546E7A" />
  <path d="M 144 400 L 196 400 M 144 400 L 196 400" stroke="#455A64" stroke-width="6" stroke-dasharray="4,3" />
  
  <!-- 刹车线 -->
  <path d="M 360 260 Q 300 300 120 400" fill="none" stroke="#607D8B" stroke-width="2" />

  <!-- 自行车车架上的文字 -->
  <text x="285" y="365" font-family="Arial, sans-serif" font-size="14" font-weight="900" fill="#FFFFFF" transform="rotate(34, 285, 365)">PELICAN</text>

  <!-- 鹈鹕 - 远处的腿(左腿) -->
  <g stroke-linecap="round">
    <!-- 大腿 -->
    <line x1="190" y1="270" x2="210" y2="420" stroke="#FFA000" stroke-width="14" />
    <!-- 远处的踏板 -->
    <rect x="195" y="415" width="30" height="10" rx="4" fill="#455A64" />
    <!-- 远处的蹼足 -->
    <path d="M 210 420 L 190 435 M 210 420 L 210 440 M 210 420 L 225 435" stroke="#FFA000" stroke-width="8" />
  </g>

  <!-- 鹈鹕 - 尾巴 -->
  <path d="M 180 240 Q 130 210 120 230 Q 150 260 170 270 Z" fill="#ECEFF1" stroke="#90A4AE" stroke-width="5" stroke-linejoin="round" />
  <path d="M 180 245 L 160 235 M 175 255 L 150 250 M 170 265 L 140 265" stroke="#CFD8DC" stroke-width="4" stroke-linecap="round" />

  <!-- 鹈鹕 - 身体 -->
  <ellipse cx="230" cy="210" rx="65" ry="80" transform="rotate(-10, 230, 210)" fill="#FFFFFF" stroke="#90A4AE" stroke-width="5" />

  <!-- 鹈鹕 - 脖子 -->
  <path d="M 260 160 Q 280 120 330 100 L 300 140 Q 260 110 230 160 Z" fill="#FFFFFF" stroke="#90A4AE" stroke-width="5" stroke-linejoin="round" />

  <!-- 鹈鹕 - 头 -->
  <circle cx="340" cy="100" r="35" fill="#FFFFFF" stroke="#90A4AE" stroke-width="5" />

  <!-- 鹈鹕 - 脸和眼睛 -->
  <circle cx="355" cy="95" r="6" fill="#263238" />
  <path d="M 345 85 Q 355 80 365 85" stroke="#263238" stroke-width="4" stroke-linecap="round" fill="none" />

  <!-- 鹈鹕 - 喙 -->
  <!-- 上喙 -->
  <path d="M 370 90 C 420 85, 460 80, 470 85 L 465 100 C 420 105, 390 110, 375 105 Z" fill="#FFB300" stroke="#E65100" stroke-width="4" stroke-linejoin="round" />
  <!-- 下喙(喉囊) -->
  <path d="M 375 105 C 400 110, 440 130, 420 155 C 400 170, 380 160, 370 140 C 360 120, 370 110, 375 105 Z" fill="#FFE082" stroke="#E65100" stroke-width="4" stroke-linejoin="round" />
  <!-- 喉囊开口线 -->
  <path d="M 385 118 Q 395 130 385 145" stroke="#FFB300" stroke-width="4" stroke-linecap="round" fill="none" />

  <!-- 鹈鹕 - 头盔和护目镜 -->
  <path d="M 305 75 C 305 35, 375 35, 375 75 C 375 85, 305 85, 305 75 Z" fill="#00BCD4" stroke="#00838F" stroke-width="4" />
  <!-- 头盔通风口 -->
  <rect x="330" y="65" width="20" height="4" rx="2" fill="#00838F" />
  <!-- 护目镜 -->
  <circle cx="355" cy="90" r="12" fill="#E0F7FA" stroke="#00838F" stroke-width="3" />
  <path d="M 343 85 L 367 85" stroke="#00838F" stroke-width="4" />
  
  <!-- 鹈鹕 - 翅膀(折叠) -->
  <path d="M 240 190 C 280 220, 320 240, 350 260 L 320 270 C 280 250, 240 210, 240 190 Z" fill="#FFFFFF" stroke="#90A4AE" stroke-width="4" stroke-linejoin="round" />
  <!-- 翅膀上的羽毛细节 -->
  <path d="M 260 205 Q 290 235 320 245 M 255 220 Q 280 250 300 265" stroke="#CFD8DC" stroke-width="3" fill="none" stroke-linecap="round" />

  <!-- 鹈鹕 - 伸展的翅膀握着车把 -->
  <path d="M 250 180 C 300 180, 350 220, 370 240 L 340 260 C 300 240, 260 200, 240 200 Z" fill="#FFFFFF" stroke="#90A4AE" stroke-width="4" stroke-linejoin="round" />
  <!-- 握着车把的"手" -->
  <circle cx="370" cy="240" r="10" fill="#FFFFFF" stroke="#90A4AE" stroke-width="4" />

  <!-- 鹈鹕 - 近处的腿(右腿) -->
  <g stroke-linecap="round">
    <!-- 大腿 -->
    <line x1="220" y1="280" x2="230" y2="380" stroke="#FFB300" stroke-width="14" />
    <!-- 近处的踏板 -->
    <rect x="215" y="375" width="30" height="10" rx="4" fill="#607D8B" />
    <!-- 近处的蹼足 -->
    <path d="M 230 380 L 210 395 M 230 380 L 230 400 M 230 380 L 250 395" stroke="#FFB300" stroke-width="8" />
  </g>
</svg>
模型输出的 SVG 1
0.48s
首Token
71
思考TPS
122s · 8,662 tok
106
输出TPS
26.9s · 2,854 tok
11,516
总Tokens(官方)
输入 38
总用时 154s · 平均 77 tok/s · 峰值 396 tok/s · 成本 $0.010
DeepSeek#5
deepseek-v4-flash
完成
Let me work through creating an SVG of a pelican riding a bicycle. 1. **Analyze the Request:** * **Topic:** A pelican riding a bicycle. * **Output format:** Raw `<svg>` code with `xmlns` and `viewBox`, absolutely no other text outside the code block. * **Mental model:** The core challenge is representing both a pelican (large beak, webbed feet, wings, pouch) and a bicycle (wheels, frame, handlebars, seat, pedals) in a stylized, recognizable vector graphic. 2. **Deconstruct the Scene:** * **Canvas:** Needs to be big enough to hold the character and the bike. Let's use `viewBox="0 0 800 600"`. * **Background (Optional but good):** Maybe a simple ground line or a circle to represent the sun, just to make it visually appealing. Keep it very simple to focus on the main subject. * **Bicycle:** * Wheels: Two circles, with spokes and tires/rims. * Frame: Triangle/polygon connecting the wheels, seat, and pedals. * Handlebars: Curved lines extending from the front wheel column. * Seat: A small shape above the frame. * Chain/Pedals: A circle/polygon at the center of the frame. * **Pelican:** * Body: Large oval/ellipse sitting on the bicycle seat. * Head: Smaller oval/ellipse. * Beak: The defining feature. Needs to be long, with a pouch (pelican's bill is unmistakable). Let's make it point forward or slightly downward. * Wings: Maybe spread out slightly for balance, or folded. Let's have one wing holding the handlebar, and the other stretched out for balance. * Feet: Webbed feet resting on the pedals. * Eye: Small circle. 3. **Step-by-Step SVG Construction:** * **Setup:** ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600"> ``` * **Background (Simple):** Let's add a soft sky background and a ground line. ```svg <rect width="800" height="600" fill="#e0f7fa" /> <circle cx="100" cy="100" r="60" fill="#fff59d" /> <line x1="0" y1="500" x2="800" y2="500" stroke="#4caf50" stroke-width="10" /> ``` * **Bicycle Construction:** Let's position the bike around the center. Rear wheel at (250, 450), Front wheel at (550, 450). * *Wheels:* Rear: `<circle cx="250" cy="450" r="70" fill="none" stroke="#333" stroke-width="12" />` Front: `<circle cx="550" cy="450" r="70" fill="none" stroke="#333" stroke-width="12" />` Inner spokes (stylized): `<circle cx="250" cy="450" r="10" fill="#333" />` `<circle cx="550" cy="450" r="10" fill="#333" />` * *Frame:* Seat post: (350, 300) to (250, 450) Top tube: (350, 300) to (530, 320) Down tube: (350, 300) to (400, 400) -> Pedal hub Chain stay: (400, 400) to (250, 450) Seat stay: (350, 300) to (250, 450) - wait, down tube goes to pedal hub. Let's refine frame coordinates. Hub/Pedals: `cx="400" cy="420"` Seat: `cx="340" cy="300"` Head tube (Front fork top): `cx="550" cy="320"` Frame lines: `<polyline points="340,300 250,450 400,420 550,450 530,320 340,300 400,420" fill="none" stroke="#ff7043" stroke-width="14" stroke-linejoin="round" stroke-linecap="round" />` Wait, a bicycle frame doesn't connect the rear wheel directly to the pedal hub in one single line like that. Let's make it look more like a real diamond frame. Rear Axle: 250, 450 Seat Post Bottom: 340, 340 Pedal Hub: 400, 420 Top Tube: (340, 340) to (530, 340) Down Tube: (340, 340) to (400, 420) Seat Stay: (340, 340) to (250, 450) Chain Stay: (400, 420) to (250, 450) Front Fork: (530, 340) to (550, 450) Handlebars stem: (530, 340) to (540, 300) Let's draw this properly. `<polyline points="340,340 250,450" stroke="#ff7043" stroke-width="14" fill="none" stroke-linejoin="round" />` (Seat stay) `<line x1="400" y1="420" x2="250" y2="450" stroke="#ff7043" stroke-width="14" />` (Chain stay) `<line x1="340" y1="340" x2="400" y2="420" stroke="#ff7043" stroke-width="14" />` (Down tube) `<line x1="340" y1="340" x2="530" y2="340" stroke="#ff7043" stroke-width="14" />` (Top tube) `<line x1="530" y1="340" x2="550" y2="450" stroke="#ff7043" stroke-width="14" />` (Front fork) *Seat:* `<ellipse cx="340" cy="290" rx="30" ry="10" fill="#333" transform="rotate(-10 340 290)" />` `<line x1="340" y1="290" x2="340" y2="340" stroke="#333" stroke-width="10" />` (Seat post) *Handlebars:* `<line x1="530" y1="340" x2="550" y2="300" stroke="#333" stroke-width="10" />` (Stem) `<path d="M 550 300 C 580 290, 590 320, 570 340" fill="none" stroke="#333" stroke-width="10" stroke-linecap="round" />` *Pedals:* `<circle cx="400" cy="420" r="20" fill="none" stroke="#555" stroke-width="8" />` `<line x1="400" y1="420" x2="420" y2="440" stroke="#555" stroke-width="8" stroke-linecap="round" />` `<rect x="415" y="435" width="20" height="10" fill="#555" rx="2" transform="rotate(45 420 440)" />` * **Pelican Construction:** The pelican needs to be perched on the seat (340, 290). * *Legs:* Leg 1 (crank arm): from seat down to the pedal at (420, 440). Leg 2: from seat down to the other pedal (imagined behind the frame, but we can just draw one leg on the visible pedal). `<line x1="340" y1="290" x2="420" y2="440" stroke="#ffc107" stroke-width="12" stroke-linecap="round" />` Webbed foot on pedal: `<path d="M 420 440 L 410 450 L 430 450 Z" fill="#ffc107" />` * *Body:* Pelican's body is large. Let's place it around (320, 200). `<ellipse cx="330" cy="200" rx="60" ry="70" fill="#ffffff" stroke="#000" stroke-width="3" transform="rotate(20 330 200)" />` * *Neck:* Pelican has a long, S-shaped neck. `<path d="M 330 140 C 330 80, 390 80, 400 120 C 410 160, 380 180, 360 180" fill="none" stroke="#ffffff" stroke-width="40" stroke-linecap="round" />` `<path d="M 330 140 C 330 80, 390 80, 400 120 C 410 160, 380 180, 360 180" fill="none" stroke="#000" stroke-width="3" stroke-linecap="round" />` -> Wait, the stroke width for the neck outline needs to be handled carefully. Better to use a solid base and an outline. Or, use a `path` for the neck, stroke with black, but well placed. Let's simplify. `<path d="M 330 150 C 330 90, 390 90, 400 130 C 410 160, 380 170, 370 170" fill="none" stroke="#fff" stroke-width="35" stroke-linecap="round" />` `<path d="M 330 150 C 330 90, 390 90, 400 130 C 410 160, 380 170, 370 170" fill="none" stroke="#000" stroke-width="3" stroke-linecap="round" />` * *Head:* At the top of the neck (400, 130). `<ellipse cx="400" cy="120" rx="25" ry="20" fill="#fff" stroke="#000" stroke-width="3" />` * *Beak (Upper):* Extends to the right. Starting from (420, 115). `<path d="M 420 115 C 480 110, 520 120, 540 130 C 520 135, 480 135, 420 135 Z" fill="#ffeb3b" stroke="#000" stroke-width="3" stroke-linejoin="round" />` *Pouch (Lower Beak):* `<path d="M 420 135 C 460 160, 480 150, 540 130 C 500 170, 450 180, 420 145 Z" fill="#ff9800" stroke="#000" stroke-width="3" stroke-linejoin="round" />` *Eye:* `<circle cx="410" cy="115" r="4" fill="#000" />` * *Wings:* One wing holding the handlebar. Handlebar is at (570, 340). The body is at (330, 200). That's quite a stretch. Let's make the wing an arm.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
  <defs>
    <!-- Sky Gradient -->
    <linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#a8dadc" />
      <stop offset="100%" stop-color="#f1faee" />
    </linearGradient>
  </defs>

  <!-- Background -->
  <rect width="800" height="600" fill="url(#skyGrad)" />
  
  <!-- Sun -->
  <circle cx="100" cy="100" r="60" fill="#ffd166" />
  <path d="M 100 20 L 100 0 M 100 180 L 100 200 M 20 100 L 0 100 M 180 100 L 200 100 M 40 40 L 20 20 M 160 160 L 180 180 M 160 40 L 180 20 M 40 160 L 20 180" stroke="#ffd166" stroke-width="8" stroke-linecap="round" />
  
  <!-- Clouds -->
  <path d="M 600 100 A 30 30 0 0 1 660 100 A 40 40 0 0 1 720 100 A 30 30 0 0 1 780 100 L 780 130 L 600 130 Z" fill="#ffffff" opacity="0.8" />
  <path d="M 300 80 A 20 20 0 0 1 340 80 A 30 30 0 0 1 380 80 A 20 20 0 0 1 420 80 L 420 100 L 300 100 Z" fill="#ffffff" opacity="0.8" />

  <!-- Ground / Track -->
  <line x1="0" y1="520" x2="800" y2="520" stroke="#2a9d8f" stroke-width="16" />
  <line x1="0" y1="520" x2="800" y2="520" stroke="#264653" stroke-width="6" stroke-dasharray="30 15" />

  <!-- Motion Lines -->
  <g stroke="#a8dadc" stroke-width="6" stroke-linecap="round">
    <path d="M 100 450 L 150 450" />
    <path d="M 80 430 L 130 430" />
    <path d="M 120 470 L 160 470" />
    <path d="M 140 390 L 180 390" />
  </g>

  <!-- BICYCLE -->
  <!-- Spokes (Back) -->
  <g stroke="#1d3557" stroke-width="3" opacity="0.6">
    <line x1="180" y1="450" x2="320" y2="450" />
    <line x1="250" y1="380" x2="250" y2="520" />
    <line x1="200" y1="400" x2="300" y2="500" />
    <line x1="200" y1="500" x2="300" y2="400" />
    <line x1="180" y1="430" x2="320" y2="470" />
    <line x1="180" y1="470" x2="320" y2="430" />
    <line x1="230" y1="380" x2="270" y2="520" />
    <line x1="270" y1="380" x2="230" y2="520" />
  </g>
  <!-- Spokes (Front) -->
  <g stroke="#1d3557" stroke-width="3" opacity="0.6">
    <line x1="480" y1="450" x2="620" y2="450" />
    <line x1="550" y1="380" x2="550" y2="520" />
    <line x1="500" y1="400" x2="600" y2="500" />
    <line x1="500" y1="500" x2="600" y2="400" />
    <line x1="480" y1="430" x2="620" y2="470" />
    <line x1="480" y1="470" x2="620" y2="430" />
    <line x1="530" y1="380" x2="570" y2="520" />
    <line x1="570" y1="380" x2="530" y2="520" />
  </g>

  <!-- Tires -->
  <circle cx="250" cy="450" r="70" fill="#f1faee" stroke="#1d3557" stroke-width="14" />
  <circle cx="250" cy="450" r="64" fill="none" stroke="#2a9d8f" stroke-width="4" />
  <circle cx="550" cy="450" r="70" fill="#f1faee" stroke="#1d3557" stroke-width="14" />
  <circle cx="550" cy="450" r="64" fill="none" stroke="#2a9d8f" stroke-width="4" />
  
  <!-- Tire Valves -->
  <line x1="250" y1="380" x2="250" y2="390" stroke="#e63946" stroke-width="6" stroke-linecap="round" />
  <line x1="550" y1="380" x2="550" y2="390" stroke="#e63946" stroke-width="6" stroke-linecap="round" />

  <!-- Chainring & Chain -->
  <circle cx="400" cy="420" r="28" fill="#f1faee" stroke="#1d3557" stroke-width="6" />
  <circle cx="400" cy="420" r="18" fill="#1d3557" />
  <circle cx="400" cy="420" r="6" fill="#f1faee" />
  <circle cx="250" cy="450" r="12" fill="#1d3557" />
  <circle cx="250" cy="450" r="5" fill="#f1faee" />
  <!-- Chain Lines -->
  <line x1="400" y1="392" x2="250" y2="438" stroke="#1d3557" stroke-width="6" stroke-linecap="round" />
  <line x1="400" y1="448" x2="250" y2="462" stroke="#1d3557" stroke-width="6" stroke-linecap="round" />

  <!-- Bike Frame -->
  <g stroke="#e63946" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" fill="none">
    <!-- Seat Stay -->
    <line x1="340" y1="340" x2="250" y2="450" />
    <!-- Chain Stay -->
    <line x1="400" y1="420" x2="250" y2="450" />
    <!-- Down Tube -->
    <line x1="340" y1="340" x2="400" y2="420" />
    <!-- Top Tube -->
    <line x1="340" y1="340" x2="530" y2="340" />
    <!-- Front Fork -->
    <line x1="530" y1="340" x2="550" y2="450" />
    <!-- Head Tube -->
    <line x1="530" y1="340" x2="520" y2="320" stroke-width="20" />
  </g>

  <!-- Seat -->
  <line x1="340" y1="290" x2="340" y2="340" stroke="#1d3557" stroke-width="14" />
  <ellipse cx="340" cy="285" rx="35" ry="12" fill="#264653" stroke="#1d3557" stroke-width="4" transform="rotate(-10 340 285)" />

  <!-- Handlebars & Stem -->
  <line x1="530" y1="340" x2="550" y2="300" stroke="#1d3557" stroke-width="14" stroke-linecap="round" />
  <path d="M 550 300 C 580 290, 600 320, 570 340" fill="none" stroke="#1d3557" stroke-width="14" stroke-linecap="round" />
  
  <!-- Bike Bell -->
  <circle cx="585" cy="295" r="12" fill="#ffd166" stroke="#1d3557" stroke-width="4" />
  <path d="M 590 285 L 590 295" stroke="#1d3557" stroke-width="4" stroke-linecap="round" />
  <path d="M 590 295 L 575 305" stroke="#1d3557" stroke-width="4" stroke-linecap="round" />

  <!-- Pedals -->
  <rect x="375" y="440" width="50" height="14" rx="4" fill="#264653" stroke="#1d3557" stroke-width="4" />
  <line x1="400" y1="420" x2="400" y2="447" stroke="#1d3557" stroke-width="10" stroke-linecap="round" />
  
  <rect x="385" y="390" width="50" height="14" rx="4" fill="#264653" stroke="#1d3557" stroke-width="4" />
  <line x1="400" y1="420" x2="400" y2="397" stroke="#1d3557" stroke-width="10" stroke-linecap="round" />


  <!-- PELICAN -->
  <!-- Left Leg (Background) -->
  <line x1="330" y1="260" x2="385" y2="397" stroke="#f4a261" stroke-width="12" stroke-linecap="round" />
  <!-- Left Webbed Foot (Background) -->
  <path d="M 385 397 L 375 405 L 395 405 Z" fill="#f4a261" stroke="#1d3557" stroke-width="4" stroke-linejoin="round" />

  <!-- Left Wing (Background Wing) -->
  <path d="M 310 180 C 180 110, 80 140, 30 190" fill="none" stroke="#ffffff" stroke-width="35" stroke-linecap="round" />
  <path d="M 310 180 C 180 110, 80 140, 30 190" fill="none" stroke="#1d3557" stroke-width="6" stroke-linecap="round" />
  <!-- Left Wing Feathers -->
  <g stroke="#1d3557" stroke-width="5" stroke-linecap="round">
    <path d="M 230 130 L 210 155" />
    <path d="M 150 150 L 130 170" />
    <path d="M 90 170 L 70 190" />
  </g>

  <!-- Pelican Body -->
  <ellipse cx="330" cy="200" rx="60" ry="80" fill="#ffffff" stroke="#1d3557" stroke-width="6" transform="rotate(25 330 200)" />
  
  <!-- Tail Feathers -->
  <path d="M 280 250 L 210 280 L 240 260 L 200 270 L 260 240" fill="#ffffff" stroke="#1d3557" stroke-width="6" stroke-linejoin="round" />

  <!-- Neck -->
  <path d="M 360 150 C 370 80, 440 70, 450 120 C 460 170, 420 190, 390 190" fill="none" stroke="#ffffff" stroke-width="40" stroke-linecap="round" />
  <path d="M 360 150 C 370 80, 440 70, 450 120 C 460 170, 420 190, 390 190" fill="none" stroke="#1d3557" stroke-width="6" stroke-linecap="round" />

  <!-- Head -->
  <ellipse cx="450" cy="120" rx="35" ry="30" fill="#ffffff" stroke="#1d3557" stroke-width="6" />

  <!-- Beak - Upper -->
  <path d="M 475 110 Q 540 90 580 120 Q 540 125 475 130 Z" fill="#f4a261" stroke="#1d3557" stroke-width="6" stroke-linejoin="round" />
  <!-- Beak - Lower / Pouch -->
  <path d="M 475 130 Q 540 125 580 120 Q 550 180 490 170 Q 475 165 475 150 Z" fill="#e76f51" stroke="#1d3557" stroke-width="6" stroke-linejoin="round" />
  
  <!-- Eye -->
  <circle cx="460" cy="115" r="6" fill="#1d3557" />
  <circle cx="462" cy="113" r="2" fill="#ffffff" />

  <!-- Escaping Fish Detail -->
  <g transform="translate(565, 175) rotate(-45)">
    <ellipse cx="0" cy="0" rx="15" ry="6" fill="#00b4d8" stroke="#1d3557" stroke-width="3" />
    <path d="M -15 0 L -25 -10 L -25 10 Z" fill="#00b4d8" stroke="#1d3557" stroke-width="3" stroke-linejoin="round" />
    <circle cx="6" cy="-2" r="1.5" fill="#1d3557" />
  </g>
  <!-- Water Splashes -->
  <path d="M 545 160 Q 550 150 555 160" fill="none" stroke="#a8dadc" stroke-width="4" stroke-linecap="round" />
  <path d="M 565 165 Q 570 155 575 165" fill="none" stroke="#a8dadc" stroke-width="4" stroke-linecap="round" />

  <!-- Right Leg (Foreground) -->
  <line x1="345" y1="260" x2="400" y2="447" stroke="#f4a261" stroke-width="14" stroke-linecap="round" />
  <!-- Right Webbed Foot (Foreground) -->
  <path d="M 400 447 L 385 460 L 420 460 Z" fill="#f4a261" stroke="#1d3557" stroke-width="5" stroke-linejoin="round" />

  <!-- Right Wing (Foreground / Reaching for Handlebar) -->
  <path d="M 340 200 C 400 260, 480 310, 560 335" fill="none" stroke="#ffffff" stroke-width="30" stroke-linecap="round" />
  <path d="M 340 200 C 400 260, 480 310, 560 335" fill="none" stroke="#1d3557" stroke-width="6" stroke-linecap="round" />
  <!-- Right Wing Feathers -->
  <g stroke="#1d3557" stroke-width="5" stroke-linecap="round">
    <path d="M 400 250 L 420 260" />
    <path d="M 470 300 L 490 310" />
    <path d="M 530 325 L 550 335" />
  </g>
  <!-- Wing Grip on Handlebar -->
  <circle cx="560" cy="335" r="14" fill="#e76f51" stroke="#1d3557" stroke-width="5" />
  <path d="M 555 335 L 565 335 M 560 330 L 560 340" stroke="#1d3557" stroke-width="4" stroke-linecap="round" />

</svg>
模型输出的 SVG 1
0.56s
首Token
119
思考TPS
64.9s · 7,728 tok
175
输出TPS
20.8s · 3,628 tok
11,356
总Tokens(官方)
输入 38
总用时 87.8s · 平均 133 tok/s · 峰值 386 tok/s · 成本 $0.0032
Kimi 月之暗面-high-think-budget#4
kimi-for-coding
完成
We need respond only with complete SVG code, no explanation. Need generate SVG of a pelican riding a bicycle. Must include xmlns and viewBox. Should be full SVG markup. Let's craft a fun simple illustration. Need ensure self-contained, no external resources. Use vector paths. Need likely no CSS? Could use inline styles or attributes. We must avoid text explanations. Output just SVG code. Let's design pelican on bicycle: viewBox 0 0 800 600. Background sky and ground. Bicycle with two wheels, frame, handlebars, seat. Pelican body, wings, large beak/pouch, eye, legs on pedals. Maybe riding along. Use colors. Need proportions. Let's create detailed but manageable paths. We can use groups. Wheels: circles with spokes. Bicycle frame: lines. Pelican body: ellipse or path. Head on neck. Beak with pouch. Wing. Eye. Legs connecting to pedals. Make sure pelican looks like riding, legs bent at pedals. Maybe one leg on pedal forward, one back. Keep simple. Need include xmlns="http://www.w3.org/2000/svg" and viewBox. Let's generate code. Coordinates: ground line y=520. Wheel centers: rear (250,520) r=90, front (550,520) r=90. Frame: bottom bracket near (330,520)? Actually pedal crank center maybe (350,520)? Wheelbase 300. Seat tube from bottom bracket to seat (330,400). Top tube from seat to handlebar stem (330,400) to (540,360). Down tube from bottom bracket to head tube. Head tube vertical at (540,360) to (540,470). Fork to front wheel. Handlebars at (540,330). Seat at (300,380). Chain stays to rear wheel. Pelican: body ellipse centered (370,300) rx 110, ry 90. Neck from body front upward to head at (470,170). Head circle r=45. Beak long from head to (600,170) plus pouch. Wing on body. Tail. Legs: hip near (360,380), knee to pedal positions. Pedals at crank arms around (350,520): one pedal at (350,440) top? Actually crank center (350,520), arm length 60, top pedal (350,460), bottom (350,580). But on a bike, pedal centers rotate around bottom bracket. Let's set crank center at (350,520). One pedal at (410,520) front, other at (290,520) rear? Simpler horizontal crank. But we need leg positions: one leg on front pedal (410,520), another on rear pedal (290,520). Legs from pelican hip (360,380) to knee to pedal. We'll draw lines. Pelican feet webbed on pedals. Maybe handlebars reach with wing? Pelican wing holding handlebar? Let's make pelican's wing bent at handlebars: left wing from body to handlebar. Use path. Need color. Use <defs> for gradients maybe. Let's construct carefully. We'll output: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"> <!-- sky --> <rect x="0" y="0" width="800" height="600" fill="#87CEEB"/> <!-- ground --> <rect x="0" y="520" width="800" height="80" fill="#8B7355"/> <line x1="0" y1="520" x2="800" y2="520" stroke="#6B4E31" stroke-width="4"/> <!-- sun? maybe not needed --> <!-- rear wheel --> <g transform="translate(250,520)"> <circle r="90" fill="none" stroke="#333" stroke-width="8"/> <circle r="82" fill="none" stroke="#999" stroke-width="2"/> <!-- spokes --> <g stroke="#bbb" stroke-width="2"> <line x1="0" y1="-82" x2="0" y2="82"/> <line x1="-71" y1="-41" x2="71" y2="41"/> <line x1="-71" y1="41" x2="71" y2="-41"/> </g> </g> <!-- front wheel --> <g transform="translate(550,520)"> <circle r="90" fill="none" stroke="#333" stroke-width="8"/> <circle r="82" fill="none" stroke="#999" stroke-width="2"/> <g stroke="#bbb" stroke-width="2"> <line x1="0" y1="-82" x2="0" y2="82"/> <line x1="-71" y1="-41" x2="71" y2="41"/> <line x1="-71" y1="41" x2="71" y2="-41"/> </g> </g> <!-- bike frame --> <path d="M250 520 L330 400 L540 360 M330 400 L350 520 M540 360 L540 470 M350 520 L540 470 M350 520 L250 520" stroke="#C0392B" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <!-- fork --> <line x1="540" y1="470" x2="550" y2="520" stroke="#C0392B" stroke-width="8" stroke-linecap="round"/> <!-- seat post --> <line x1="330" y1="400" x2="300" y2="380" stroke="#333" stroke-width="6" stroke-linecap="round"/> <!-- seat --> <path d="M270 380 Q300 370 330 380 Q320 395 270 390 Z" fill="#333"/> <!-- handlebars --> <path d="M540 360 L540 330 L580 320" stroke="#333" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <!-- pedals/crank --> <line x1="350" y1="520" x2="410" y2="520" stroke="#555" stroke-width="5" stroke-linecap="round"/> <line x1="350" y1="520" x2="290" y2="520" stroke="#555" stroke-width="5" stroke-linecap="round"/> <rect x="400" y="510" width="20" height="20" rx="4" fill="#333"/> <rect x="270" y="510" width="20" height="20" rx="4" fill="#333"/> <!-- chain --> <line x1="250" y1="520" x2="350" y2="520" stroke="#555" stroke-width="3"/> <!-- pelican --> <!-- far leg (rear pedal) --> <path d="M360 380 Q320 450 290 520" stroke="#E67E22" stroke-width="14" fill="none" stroke-linecap="round"/> <!-- far foot on rear pedal --> <path d="M280 520 L300 520 L290 530 Z" fill="#F39C12"/> <!-- body --> <ellipse cx="370" cy="300" rx="110" ry="90" fill="#ECF0F1"/> <!-- wing --> <path d="M300 260 Q380 230 450 290 Q400 360 300 320 Z" fill="#D0D3D4" stroke="#999" stroke-width="3"/> <!-- wing detail --> <path d="M320 270 Q380 270 420 300" stroke="#999" stroke-width="2" fill="none"/> <path d="M330 290 Q380 300 410 310" stroke="#999" stroke-width="2" fill="none"/> <!-- neck --> <path d="M430 250 Q460 200 470 160" stroke="#ECF0F1" stroke-width="28" fill="none" stroke-linecap="round"/> <!-- head --> <circle cx="480" cy="150" r="42" fill="#ECF0F1"/> <!-- eye --> <circle cx="495" cy="140" r="6" fill="#2C3E50"/> <circle cx="497" cy="138" r="2" fill="#fff"/> <!-- beak upper --> <path d="M510 135 Q600 140 630 150 L510 155 Z" fill="#F39C12"/> <!-- beak lower/pouch --> <path d="M510 155 Q620 155 630 170 Q600 220 520 185 Z" fill="#F39C12"/> <!-- mouth line --> <line x1="510" y1="155" x2="630" y2="155" stroke="#D35400" stroke-width="2"/> <!-- near leg (front pedal) --> <path d="M380 370 Q430 440 410 520" stroke="#E67E22" stroke-width="14" fill="none" stroke-linecap="round"/> <!-- near foot on front pedal --> <path d="M400 520 L420 520 L410 530 Z" fill="#F39C12"/> <!-- wing holding handlebar --> <path d="M430 290 Q500 300 570 325" stroke="#ECF0F1" stroke-width="12" fill="none" stroke-linecap="round"/> <!-- wing tip fingers --> <path d="M570 325 L590 320 M570 325 L585 335 M570 325 L575 345" stroke="#ECF0F1" stroke-width="6" fill="none" stroke-linecap="round"/> </svg> Need ensure this is valid. Let's think about z-order: maybe far leg behind body, near leg in front. We placed far leg before body, near leg after body. Good. Wing holding handlebar should be in front or behind? We'll place after body and near leg. Good. Potential issue: bike frame path: M250 520 L330 400 L540 360 M330 400 L350 520 M540 360 L540 470 M350 520 L540 470 M350 520 L250 520. This includes chainstay and seat tube. Good. The rear wheel is behind frame; frame includes line to rear hub. Fine. Pedals: The crank arms horizontal. One near foot on front pedal. Rear pedal maybe hidden? We drew both. Pelican head: maybe too high and close to top. ViewBox 0-600; y=150 okay. Neck from body at 430,250 to 470,160. Could be fine. Let's ensure no explanations. Direct output. Need maybe add xmlns attribute only; there is default xmlns in svg. We have it. Double-check no typos: `<line x1="540" y1="470" x2="550" y2="520" ...` okay. Sun not needed. Maybe add a small shadow under wheels. Need maybe handlebar grips: path ends at 580,320. Good. The user wants "pelican riding a bicycle". This is acceptable. Provide only SVG code. No markdown code fences? They said direct output full SVG code. We can output just the <svg>... maybe no code blocks. But previous responses often use code blocks. However instructions say "不要任何解释文字" (no explanatory text). Code blocks are no
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"> <rect width="800" height="600" fill="#87CEEB"/> <rect y="520" width="800" height="80" fill="#8B7355"/> <line x1="0" y1="520" x2="800" y2="520" stroke="#6B4E31" stroke-width="4"/> <g transform="translate(250,520)"> <circle r="90" fill="none" stroke="#333" stroke-width="8"/> <circle r="82" fill="none" stroke="#999" stroke-width="2"/> <g stroke="#bbb" stroke-width="2"> <line x1="0" y1="-82" x2="0" y2="82"/> <line x1="-71" y1="-41" x2="71" y2="41"/> <line x1="-71" y1="41" x2="71" y2="-41"/> </g> </g> <g transform="translate(550,520)"> <circle r="90" fill="none" stroke="#333" stroke-width="8"/> <circle r="82" fill="none" stroke="#999" stroke-width="2"/> <g stroke="#bbb" stroke-width="2"> <line x1="0" y1="-82" x2="0" y2="82"/> <line x1="-71" y1="-41" x2="71" y2="41"/> <line x1="-71" y1="41" x2="71" y2="-41"/> </g> </g> <path d="M250 520 L330 400 L540 360 M330 400 L350 520 M540 360 L540 470 M350 520 L540 470 M350 520 L250 520" stroke="#C0392B" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <line x1="540" y1="470" x2="550" y2="520" stroke="#C0392B" stroke-width="8" stroke-linecap="round"/> <line x1="330" y1="400" x2="300" y2="380" stroke="#333" stroke-width="6" stroke-linecap="round"/> <path d="M270 380 Q300 370 330 380 Q320 395 270 390 Z" fill="#333"/> <path d="M540 360 L540 330 L580 320" stroke="#333" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <line x1="350" y1="520" x2="410" y2="520" stroke="#555" stroke-width="5" stroke-linecap="round"/> <line x1="350" y1="520" x2="290" y2="520" stroke="#555" stroke-width="5" stroke-linecap="round"/> <rect x="400" y="510" width="20" height="20" rx="4" fill="#333"/> <rect x="270" y="510" width="20" height="20" rx="4" fill="#333"/> <line x1="250" y1="520" x2="350" y2="520" stroke="#555" stroke-width="3"/> <path d="M360 380 Q320 450 290 520" stroke="#E67E22" stroke-width="14" fill="none" stroke-linecap="round"/> <path d="M280 520 L300 520 L290 535 Z" fill="#F39C12"/> <ellipse cx="370" cy="300" rx="110" ry="90" fill="#ECF0F1"/> <path d="M300 260 Q380 230 450 290 Q400 360 300 320 Z" fill="#D0D3D4" stroke="#999" stroke-width="3"/> <path d="M320 270 Q380 270 420 300" stroke="#999" stroke-width="2" fill="none"/> <path d="M330 290 Q380 300 410 310" stroke="#999" stroke-width="2" fill="none"/> <path d="M430 250 Q460 200 470 160" stroke="#ECF0F1" stroke-width="28" fill="none" stroke-linecap="round"/> <circle cx="480" cy="150" r="42" fill="#ECF0F1"/> <circle cx="495" cy="140" r="6" fill="#2C3E50"/> <circle cx="497" cy="138" r="2" fill="#fff"/> <path d="M510 135 Q600 140 630 150 L510 155 Z" fill="#F39C12"/> <path d="M510 155 Q620 155 630 170 Q600 220 520 185 Z" fill="#F39C12"/> <line x1="510" y1="155" x2="630" y2="155" stroke="#D35400" stroke-width="2"/> <path d="M380 370 Q430 440 410 520" stroke="#E67E22" stroke-width="14" fill="none" stroke-linecap="round"/> <path d="M400 520 L420 520 L410 535 Z" fill="#F39C12"/> <path d="M430 290 Q500 300 570 325" stroke="#ECF0F1" stroke-width="12" fill="none" stroke-linecap="round"/> <path d="M570 325 L590 320 M570 325 L585 335 M570 325 L575 345" stroke="#ECF0F1" stroke-width="6" fill="none" stroke-linecap="round"/> </svg>
模型输出的 SVG 1
1.79s
首Token
70
思考TPS
42.3s · ≈2,943 tok
71
输出TPS
15.9s · ≈1,139 tok
4,082
总Tokens(官方)
输入 42
总用时 66.3s · 平均 70 tok/s · 峰值 392 tok/s · 成本 $0.016
Kimi 月之暗面-K3#8
k3
完成
The user wants an SVG of a pelican riding a bicycle. They want only the SVG code, no explanation. Let me create a nice, detailed SVG with: - A pelican (large white bird with long beak, orange pouch) - Riding a bicycle (two wheels, frame, handlebars, pedals) - Sitting on the seat, feet on pedals, wings on handlebars Let me design this carefully: Canvas: viewBox="0 0 400 300" or similar. Bicycle: - Two wheels: circles at roughly (120, 230) and (300, 230), radius ~45 - Frame: lines connecting wheels, seat, handlebars - Pedals and crank Pelican: - Body: white oval sitting above seat - Head with long beak extending forward - Orange/yellow pouch under beak - Eye - Wing reaching to handlebar - Legs with webbed feet on pedals Let me sketch coordinates: Wheels: front wheel at (290, 235), back wheel at (110, 235), r=45. Frame: - Rear hub (110, 235) - Front hub (290, 235) - Seat post top at (140, 150) — saddle - Bottom bracket (crank) at (190, 245)... actually usually crank between wheels lower: (190, 240) - Head tube top at (270, 145), head tube down to front fork. Frame lines: - Rear hub to seat top: (110,235) → (140,150) - Seat top to head tube top: (140,150) → (270,145) (top tube) - Head tube top to front hub: (270,145) → (290,235) (fork) — maybe slightly angled - Rear hub to crank: (110,235) → (190,245) - Crank to front hub? No, chainstay and down tube: crank (190,245) → head tube bottom (275,165) (down tube) - Chain: from crank to rear hub. Handlebars: at head tube top (270,145), extend up to (265,120) with grip. Pelican: - Body: ellipse centered around (185, 120), rotated slightly, rx 55, ry 40. Actually sitting on the saddle at (140,150). Body should be above saddle. Body center maybe (175, 110), tilted. - Tail feathers at back (120, 100). - Neck curving up to head at (255, 60). - Head: circle at (260, 55), r 18. - Beak: long, extending forward to (340, 75). Upper beak orange/yellow, pouch hanging below (orange). - Eye: black dot with white highlight. - Wing: on the body, extending forward/down to handlebar grip (265, 120). - Legs: from body bottom to pedals. Pedals: crank at (190,245), pedals at (190±20, 245∓...). Legs orange, webbed feet. Let me refine the pelican pose. Saddle at (140, 150). Pelican body sits on it: body ellipse center (180, 115), rx 60, ry 42, maybe rotate -10. Neck: from body front (225, 95) curving up to head (255, 60). Use path with thick stroke white or a filled shape. Head at (258, 55), r 16. Beak: from (272, 50) to (350, 70) upper; pouch from (272, 60) to (345, 72) bulging down to (310, 95). Legs: hip at (170, 145). One leg to pedal (210, 225)? Crank circle at (190, 245) r 12; pedals at ends of crank arms: (175, 230) and (205, 260). Feet: orange webbed triangles. Wing to handlebar: wing starts at body (200, 105), extends to grip (263, 118). Could draw as a path — wing shape with feather tips. Background: sky? Maybe just a subtle ground line. Keep it clean: maybe light background optional. I'll add a soft sky circle or keep transparent. Add ground shadow ellipses. Colors: - Pelican body: white #FFFFFF with light gray shading #E8EDF0, outline #333 or none. - Beak/pouch: orange #F5A623 / #E8862E. - Legs/feet: orange. - Bicycle frame: teal #2E86AB or red. Let's do a coral red frame #E4572E, black tires, gray spokes. - Eye: black. Add motion lines maybe. Keep it charming. Let me write the code. ```svg <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 320"> <!-- background --> <rect width="420" height="320" fill="#EAF6FB"/> <!-- ground --> <ellipse cx="210" cy="288" rx="180" ry="12" fill="#D8EDF5"/> <!-- speed lines --> ... <!-- bicycle --> wheels: circles stroke #333 stroke-width 6 fill none; inner rim; spokes lines; hub dots. <!-- frame --> <!-- pelican --> </svg> ``` Detailed wheel: - Tire: circle r=45, stroke #2B2B2B, stroke-width 8, fill #FDFDFD (or none). Use fill white for cleanliness: fill "#FFFFFF". - Rim: circle r=36, stroke #9AA5AD, stroke-width 2, fill none. - Spokes: 8 lines from hub to rim. Rear wheel at (105, 238), front at (295, 238). Frame (stroke #E4572E, stroke-width 7, round caps): - Chainstay: (105,238) → (185,248) - Seat tube: (185,248) → (140,152)? Hmm, actual geometry: bottom bracket (185, 248), seat tube to (145, 155), top tube (145,155) → (262,148), down tube (262,148) → (185,248), head tube (268,140) → (278,168), fork (272,152) → (295,238). Seat stay: (105,238) → (145,155). - Saddle: at (145,155): rounded rect from (122,146) to (158,152). - Handlebar stem from head tube (268,140) up to (262,112), bar from (245,112) to (275,112) with grip. Crank: circle at (185,248) r 9 fill #555; crank arms to pedals (168,232) and (202,264). Pedals: small rects. Chain: line from (185,248) to (105,238) offset — two thin lines. Pelican body: - Main body ellipse: cx 180, cy 118, rx 62, ry 44, rotate(-8 180 118), fill white, stroke #C9D4DA thin. - Belly shading: lighter gray path. - Tail: path from (125,105) to (95,85) feathers, fill #F0F4F6. - Wing: path starting (160,100) — actually wing should reach handlebars at (262,112). A stylized wing: from shoulder (205,95) sweep down to grip. Let me draw wing as a filled path: M 210 92 Q 245 100 262 110 (to grip), then back with feather scallops: Q 240 118 225 112 Q 235 122 218 118 ... Hmm simpler: wing as elongated shape from (195, 100) to (262,112), with scalloped trailing edge. Then "hand"/wingtip at grip. Alternatively, wing folded on body and a thin arm to the bar. I'll do a wing draped forward: path M 200 96 C 230 92, 255 100, 266 110 L 262 118 C 250 118, 240 122, 230 118 C 235 126, 220 126, 212 118 C 205 112, 198 104, 200 96 Z. Fill white with gray outline. Add feather lines. Neck: thick curved path from (225,95) to (250,62): stroke white width 26 with gray outline? Outlined strokes are tricky. Use filled path: M 232 100 C 240 80, 242 68, 250 56 C 258 48, 268 50, 270 58 ... Actually make the neck part of a combined shape with head. Simplify: draw neck as path with stroke: stroke="#FFFFFF" stroke-width="24" stroke-linecap="round", d="M 222 100 C 238 88 244 74 252 60". Then overlay a thin shading stroke underneath? For outline effect, first draw stroke #C9D4DA width 28, then white width 22 on top. That gives outline look. Head: circle at (256, 54) r 17, fill white, stroke #C9D4DA width 2. Crest feathers: small path at back of head: M 244 44 Q 236 36 240 30 ... a little tuft. Eye: circle (262,50) r 3 black, white highlight r1 at (263,49). Beak: upper: path M 268 46 C 300 44, 330 54, 352 66 L 350 70 C 320 62, 295 58, 268 58 Z fill #F6A21E, stroke #D97E12 width 1.5. Tip slightly down. Pouch: M 268 58 C 300 62, 330 66, 349 70 C 340 86, 318 96, 298 92 C 282 88, 272 74, 268 64 Z fill #F9B24A stroke #D97E12. Actually pelican pouch hangs below the lower mandible. Draw pouch as a big drooping shape under beak from chin to tip: M 270 60 C 285 66, 320 70, 348 70 C 346 82, 330 94, 310 94 C 292 94, 276 78, 270 66 Z. Fill #F9B24A, stroke #DB8A1F, width 2. Add line for lower mandible. Legs: from body bottom (170,150) area. Front leg: thigh hidden in body; draw leg path stroke #F6A21E width 7 round: M 175 148 C 185 175, 195 200, 202 232? Pedal positions: pedal1 at (168,232), pedal2 at (202,264). Two legs: one to each pedal. - Leg A: M 170 146 C 168 175, 166 205, 168 230. Foot at (168,232): webbed foot path. - Leg B: M 195 150 C 200 185, 204 225, 203 260. Foot at (202,264). Feet: small webbed triangles: path M 160 230 L 182 230 L 176 242 Z with toes. Simpler: ellipse flattened + toe lines. I'll do a path: M 158 228 Q 170 224 184 229 Q 182 240 171 241 Q 160 240 158 228 Z fill orange. Plus two toe notch lines. Order of drawing: background, ground shadow, speed lines, bicycle (wheels, frame, chain, crank), legs far side, body, tail, wing, neck, head, beak, legs near side? Better layering: rear wheel behind body fine. Layer plan: 1. bg 2. shadow 3. motion lines (left side, behind) 4. bike wheels + spokes 5. chain 6. frame
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 330"> <rect width="440" height="330" fill="#EAF6FB"/> <ellipse cx="220" cy="293" rx="190" ry="12" fill="#D9E9F0"/> <path d="M 24 96 H 64 M 12 124 H 60 M 28 152 H 68" stroke="#B7D8E8" stroke-width="6" stroke-linecap="round" fill="none"/> <!-- wheels --> <g> <circle cx="105" cy="240" r="46" fill="#FFFFFF" stroke="#2F3640" stroke-width="9"/> <circle cx="105" cy="240" r="34" fill="none" stroke="#A4B0BA" stroke-width="3"/> <path d="M 105 240 L 138 240 M 105 240 L 128 263 M 105 240 L 105 273 M 105 240 L 82 263 M 105 240 L 72 240 M 105 240 L 82 217 M 105 240 L 105 207 M 105 240 L 128 217" stroke="#A4B0BA" stroke-width="2"/> <circle cx="105" cy="240" r="5" fill="#2F3640"/> </g> <g> <circle cx="300" cy="240" r="46" fill="#FFFFFF" stroke="#2F3640" stroke-width="9"/> <circle cx="300" cy="240" r="34" fill="none" stroke="#A4B0BA" stroke-width="3"/> <path d="M 300 240 L 333 240 M 300 240 L 323 263 M 300 240 L 300 273 M 300 240 L 277 263 M 300 240 L 267 240 M 300 240 L 277 217 M 300 240 L 300 207 M 300 240 L 323 217" stroke="#A4B0BA" stroke-width="2"/> <circle cx="300" cy="240" r="5" fill="#2F3640"/> </g> <!-- chain --> <path d="M 105 236 L 188 244 M 105 244 L 188 252" stroke="#6B7680" stroke-width="2" fill="none"/> <!-- frame --> <g stroke="#E85D4A" stroke-width="7" stroke-linecap="round" fill="none"> <path d="M 188 248 L 146 158"/> <path d="M 146 158 L 266 142"/> <path d="M 188 248 L 276 168"/> <path d="M 105 240 L 146 158"/> <path d="M 105 240 L 188 248"/> <path d="M 271 155 L 300 240"/> </g> <path d="M 266 142 L 276 168" stroke="#E85D4A" stroke-width="9" stroke-linecap="round"/> <path d="M 268 144 L 258 116" stroke="#2F3640" stroke-width="6" stroke-linecap="round"/> <path d="M 258 116 L 250 106" stroke="#2F3640" stroke-width="6" stroke-linecap="round"/> <path d="M 250 106 L 233 102" stroke="#2F3640" stroke-width="8" stroke-linecap="round"/> <path d="M 124 152 Q 145 143 164 152 Q 162 162 144 162 Q 126 162 124 152 Z" fill="#2F3640"/> <!-- crank & pedals --> <circle cx="188" cy="248" r="14" fill="none" stroke="#6B7680" stroke-width="2"/> <circle cx="188" cy="248" r="10" fill="#F4F6F7" stroke="#2F3640" stroke-width="3"/> <path d="M 188 248 L 168 232 M 188 248 L 208 264" stroke="#2F3640" stroke-width="5" stroke-linecap="round"/> <rect x="156" y="228" width="24" height="8" rx="3" fill="#2F3640"/> <rect x="196" y="260" width="24" height="8" rx="3" fill="#2F3640"/> <!-- far leg --> <path d="M 172 140 C 160 170 158 205 166 230" stroke="#E08A1E" stroke-width="7" stroke-linecap="round" fill="none"/> <path d="M 154 228 Q 168 221 184 228 Q 186 236 178 240 Q 168 244 160 239 Q 152 235 154 228 Z" fill="#E08A1E"/> <path d="M 164 229 L 162 237 M 172 229 L 172 239" stroke="#B96F14" stroke-width="1.5"/> <!-- tail --> <path d="M 128 96 Q 104 82 88 88 Q 100 98 112 104 Q 100 106 92 112 Q 110 118 128 112 Z" fill="#F4F7F8" stroke="#D5DEE3" stroke-width="2"/> <!-- body --> <ellipse cx="182" cy="116" rx="60" ry="44" transform="rotate(-6 182 116)" fill="#FFFFFF" stroke="#D5DEE3" stroke-width="2.5"/> <ellipse cx="186" cy="130" rx="48" ry="27" transform="rotate(-6 186 130)" fill="#EDF2F4" opacity="0.8"/> <!-- neck --> <path d="M 224 98 C 236 88 242 72 250 58" stroke="#D5DEE3" stroke-width="27" stroke-linecap="round" fill="none"/> <path d="M 224 98 C 236 88 242 72 250 58" stroke="#FFFFFF" stroke-width="21" stroke-linecap="round" fill="none"/> <!-- scarf --> <path d="M 234 88 Q 214 74 196 78 Q 208 84 212 90 Q 200 90 192 96 Q 212 100 228 93 Z" fill="#E85D4A"/> <circle cx="236" cy="87" r="6" fill="#D14A38"/> <!-- head --> <circle cx="254" cy="52" r="17" fill="#FFFFFF" stroke="#D5DEE3" stroke-width="2.5"/> <path d="M 241 41 Q 231 33 235 25 Q 241 31 245 35 Q 244 27 250 23 Q 252 31 251 38 Z" fill="#FFFFFF" stroke="#D5DEE3" stroke-width="2"/> <circle cx="247" cy="59" r="4" fill="#FAD9C6" opacity="0.7"/> <!-- beak & pouch --> <path d="M 266 56 C 288 60 322 62 353 66 C 352 80 334 94 312 94 C 292 94 274 78 266 62 Z" fill="#FBC35E" stroke="#DE8B21" stroke-width="2"/> <path d="M 300 70 Q 312 82 306 92" stroke="#DE8B21" stroke-width="1.5" fill="none"/> <path d="M 266 44 C 296 40 328 48 356 62 L 354 68 C 326 58 296 54 266 56 Z" fill="#F7A83B" stroke="#DE8B21" stroke-width="2"/> <path d="M 280 50 L 330 58" stroke="#DE8B21" stroke-width="1.5"/> <path d="M 354 62 Q 361 66 354 71" stroke="#DE8B21" stroke-width="2" fill="none" stroke-linecap="round"/> <!-- eye --> <circle cx="260" cy="48" r="3.2" fill="#2F3640"/> <circle cx="261" cy="47" r="1.1" fill="#FFFFFF"/> <!-- wing on handlebar --> <path d="M 196 88 C 214 84 232 92 242 102 L 240 109 C 232 109 228 113 220 111 C 224 117 212 119 204 113 C 194 106 190 96 196 88 Z" fill="#FFFFFF" stroke="#D5DEE3" stroke-width="2.5"/> <path d="M 206 96 Q 220 100 232 104 M 200 104 Q 214 108 224 110" stroke="#D5DEE3" stroke-width="1.5" fill="none"/> <!-- near leg --> <path d="M 196 148 C 204 180 208 220 207 258" stroke="#F7A83B" stroke-width="7" stroke-linecap="round" fill="none"/> <path d="M 194 260 Q 208 253 226 260 Q 228 268 219 272 Q 207 276 199 271 Q 192 266 194 260 Z" fill="#F7A83B" stroke="#DE8B21" stroke-width="1.5"/> <path d="M 204 261 L 202 270 M 213 261 L 213 271" stroke="#DE8B21" stroke-width="1.5"/> </svg>
模型输出的 SVG 1
6.18s
首Token
26
思考TPS
229s · ≈6,004 tok
32
输出TPS
63.1s · ≈1,989 tok
7,993
总Tokens(官方)
输入 119
总用时 299s · 平均 27 tok/s · 峰值 157 tok/s · 成本 ¥0.802
小米 MiMo-V2.5 Pro🥉
mimo-v2.5-pro
完成
用户要求生成一个SVG图像,主题是"鹈鹕骑自行车",并指定直接输出完整的SVG代码,包含xmlns属性和viewBox,不要任何解释文字。 我需要创建一个SVG图像,展示一只鹈鹕骑在自行车上的场景。这应该是一个简单的卡通风格,因为复杂的图像在SVG中实现起来会很困难。 SVG设计思路: 1. 自行车:两个轮子,车架,车把,脚踏板 2. 鹈鹕:身体,翅膀,长喙,眼睛,可能还有腿连接到脚踏板 我会使用简单的形状(圆形、矩形、路径等)来创建这个图像。 让我开始构建SVG代码:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400">
  <!-- Background -->
  <rect width="500" height="400" fill="#87CEEB"/>
  
  <!-- Ground -->
  <rect x="0" y="320" width="500" height="80" fill="#90EE90"/>
  
  <!-- Bicycle back wheel -->
  <circle cx="150" cy="280" r="50" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="150" cy="280" r="5" fill="#333"/>
  <line x1="150" y1="230" x2="150" y2="280" stroke="#333" stroke-width="2"/>
  <line x1="150" y1="280" x2="150" y2="330" stroke="#333" stroke-width="2"/>
  <line x1="100" y1="280" x2="150" y2="280" stroke="#333" stroke-width="2"/>
  <line x1="150" y1="280" x2="200" y2="280" stroke="#333" stroke-width="2"/>
  
  <!-- Bicycle front wheel -->
  <circle cx="350" cy="280" r="50" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="350" cy="280" r="5" fill="#333"/>
  <line x1="350" y1="230" x2="350" y2="280" stroke="#333" stroke-width="2"/>
  <line x1="350" y1="280" x2="350" y2="330" stroke="#333" stroke-width="2"/>
  <line x1="300" y1="280" x2="350" y2="280" stroke="#333" stroke-width="2"/>
  <line x1="350" y1="280" x2="400" y2="280" stroke="#333" stroke-width="2"/>
  
  <!-- Bicycle frame -->
  <line x1="150" y1="280" x2="250" y2="200" stroke="#FF6347" stroke-width="6"/>
  <line x1="250" y1="200" x2="350" y2="280" stroke="#FF6347" stroke-width="6"/>
  <line x1="150" y1="280" x2="200" y2="200" stroke="#FF6347" stroke-width="6"/>
  <line x1="200" y1="200" x2="250" y2="200" stroke="#FF6347" stroke-width="6"/>
  <line x1="200" y1="200" x2="300" y2="200" stroke="#FF6347" stroke-width="6"/>
  <line x1="300" y1="200" x2="350" y2="280" stroke="#FF6347" stroke-width="6"/>
  
  <!-- Seat -->
  <ellipse cx="200" cy="190" rx="25" ry="10" fill="#333"/>
  
  <!-- Handlebars -->
  <line x1="300" y1="200" x2="320" y2="170" stroke="#333" stroke-width="5"/>
  <line x1="310" y1="170" x2="330" y2="170" stroke="#333" stroke-width="5"/>
  
  <!-- Pedals -->
  <circle cx="200" cy="240" r="15" fill="none" stroke="#333" stroke-width="3"/>
  <line x1="185" y1="240" x2="215" y2="240" stroke="#333" stroke-width="3"/>
  <line x1="200" y1="225" x2="200" y2="255" stroke="#333" stroke-width="3"/>
  
  <!-- Pelican body -->
  <ellipse cx="220" cy="160" rx="40" ry="35" fill="#FFFAF0"/>
  
  <!-- Pelican neck -->
  <path d="M 240 140 Q 280 100 290 80" fill="none" stroke="#FFFAF0" stroke-width="25" stroke-linecap="round"/>
  
  <!-- Pelican head -->
  <circle cx="290" cy="70" r="20" fill="#FFFAF0"/>
  
  <!-- Pelican eye -->
  <circle cx="300" cy="65" r="5" fill="#333"/>
  <circle cx="301" cy="64" r="2" fill="white"/>
  
  <!-- Pelican beak/bill -->
  <path d="M 310 75 L 370 85 L 310 95 Z" fill="#FFA500"/>
  <path d="M 310 85 L 370 85 L 310 88 Z" fill="#FF8C00"/>
  
  <!-- Pelican wings -->
  <path d="M 190 150 Q 160 120 170 140 Q 180 130 190 150" fill="#F5F5DC" stroke="#DDD" stroke-width="1"/>
  <path d="M 195 155 Q 165 125 175 145 Q 185 135 195 155" fill="#FAFAD2" stroke="#DDD" stroke-width="1"/>
  
  <!-- Pelican tail feathers -->
  <path d="M 180 160 Q 160 170 150 160" fill="none" stroke="#F5F5DC" stroke-width="4"/>
  <path d="M 180 165 Q 155 175 145 165" fill="none" stroke="#FAFAD2" stroke-width="3"/>
  
  <!-- Pelican legs on pedals -->
  <line x1="210" y1="190" x2="200" y2="240" stroke="#FFA500" stroke-width="4"/>
  <line x1="230" y1="190" x2="200" y2="240" stroke="#FFA500" stroke-width="4"/>
  
  <!-- Pelican feet -->
  <path d="M 195 238 L 185 248 M 200 240 L 200 250 M 205 238 L 215 248" stroke="#FFA500" stroke-width="3" stroke-linecap="round"/>
  
  <!-- Sun -->
  <circle cx="420" cy="60" r="40" fill="#FFD700"/>
  
  <!-- Clouds -->
  <circle cx="80" cy="50" r="20" fill="white" opacity="0.8"/>
  <circle cx="100" cy="45" r="25" fill="white" opacity="0.8"/>
  <circle cx="120" cy="50" r="20" fill="white" opacity="0.8"/>
</svg>
模型输出的 SVG 1
1.41s
首Token
107
思考TPS
2.55s · ≈273 tok
86
输出TPS
20.7s · ≈1,790 tok
2,063
总Tokens(官方)
输入 285
总用时 26.0s · 平均 88 tok/s · 峰值 114 tok/s · 成本 ¥0.0044
小米 MiMo-V2.5🥈
mimo-v2.5
完成
好的,用户想要一个骑自行车的鹈鹕的SVG代码,而且要求直接输出完整的SVG标签,不要任何解释。我得确保代码是完整的,有xmlns属性和viewBox。 首先,我需要构思这个画面。鹈鹕骑自行车,关键元素是鹈鹕和自行车。鹈鹕有长嘴和大喉囊,自行车要有车轮、车架和车把。可以用简单的形状来表现。 考虑到用户是用中文提问,但SVG代码是国际通用的,所以直接用英文标注元素名就行。画面要简洁,但特征要明显。 开始设计:鹈鹕的身子用椭圆,嘴巴用三角形或曲线。自行车部分,两个圆形当车轮,直线画车架。为了让鹈鹕看起来在骑车,姿势要调整好,比如一只脚踩踏板,手握车把。 viewBox的尺寸设为0 0 300 200应该够用,确保所有元素都在这个范围内。颜色用基本的,比如鹈鹕用橙色,自行车用黑色,这样对比鲜明。 最后检查一遍,确保标签闭合正确,属性完整,没有多余的文字说明。用户明确要求不要解释,所以只输出SVG代码就好。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200" width="600" height="400">
  <!-- Pelican Body -->
  <ellipse cx="150" cy="110" rx="45" ry="35" fill="#F0903A" stroke="#333" stroke-width="2"/>
  <!-- Pelican Head -->
  <circle cx="180" cy="75" r="22" fill="#F0903A" stroke="#333" stroke-width="2"/>
  <!-- Pelican Eye -->
  <circle cx="188" cy="70" r="4" fill="#333"/>
  <!-- Pelican Beak (Upper) -->
  <path d="M200,75 Q230,70 225,85 Q220,95 200,85 Z" fill="#F5B942" stroke="#333" stroke-width="1.5"/>
  <!-- Pelican Beak (Lower/Pouch) -->
  <path d="M200,85 Q235,90 225,105 Q215,115 200,100 Z" fill="#E8A030" stroke="#333" stroke-width="1.5"/>
  <!-- Pelican Wing -->
  <path d="M120,105 Q100,90 110,120 Q120,140 150,130 Q140,115 120,105 Z" fill="#D87820" stroke="#333" stroke-width="1.5"/>
  <!-- Bicycle Wheel (Back) -->
  <circle cx="80" cy="160" r="28" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="80" cy="160" r="4" fill="#333"/>
  <!-- Bicycle Wheel (Front) -->
  <circle cx="220" cy="160" r="28" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="220" cy="160" r="4" fill="#333"/>
  <!-- Bicycle Frame -->
  <line x1="80" y1="160" x2="150" y2="130" stroke="#333" stroke-width="5"/>
  <line x1="150" y1="130" x2="220" y2="160" stroke="#333" stroke-width="5"/>
  <line x1="150" y1="130" x2="150" y2="100" stroke="#333" stroke-width="5"/>
  <!-- Handlebars -->
  <path d="M210,100 Q230,90 240,100" fill="none" stroke="#333" stroke-width="5"/>
  <!-- Seat -->
  <rect x="138" y="122" width="25" height="8" rx="2" fill="#333"/>
  <!-- Pelican Legs/Pedals Connection -->
  <line x1="150" y1="130" x2="140" y2="160" stroke="#333" stroke-width="3"/>
  <circle cx="140" cy="160" r="6" fill="#F0903A" stroke="#333" stroke-width="1.5"/>
  <!-- Pedal -->
  <line x1="130" y1="160" x2="150" y2="160" stroke="#333" stroke-width="4"/>
  <!-- Pelican Tail -->
  <path d="M105,105 Q95,90 100,115" fill="none" stroke="#D87820" stroke-width="4" stroke-linecap="round"/>
</svg>
模型输出的 SVG 1
1.62s
首Token
52
思考TPS
4.90s · 257 tok
90
输出TPS
10.8s · 971 tok
1,228
总Tokens(官方)
输入 281
总用时 20.9s · 平均 78 tok/s · 峰值 119 tok/s · 成本 ¥0.0027
智谱 GLM-5.2#7
glm-5.2
完成
1. **Analyze the Request:** * **Topic:** A pelican riding a bicycle. * **Format:** SVG code only. Complete `<svg>` tag with `xmlns` and `viewBox`. * **Constraints:** NO explanation text, just the raw SVG. 2. **Deconstruct the Subject (Pelican on a bicycle):** * **Bicycle:** * Two wheels (circles with spokes). * Frame (lines/triangles connecting wheels, seat, handlebars, pedals). * Seat. * Handlebars. * Pedals/crank. * **Pelican:** * Body (large oval). * Neck (long, curved). * Head (with a long beak and throat pouch). * Eye. * Legs/Feet (reaching down to the pedals). * Wings (holding the handlebars). * Colors: White body, yellow/orange beak and pouch, maybe a bit of gray/black for wingtips or eyes. 3. **Plan the SVG Layout & ViewBox:** * `viewBox="0 0 800 600"` is a good size for this scene. * Background: maybe a simple sky and ground or just keep it transparent/white for a clean vector look. I'll add a subtle background or just focus on the character. Let's do a minimal flat-design background (circle sun, some ground) to make it pop. * Style: Flat vector art, solid colors, clean lines. 4. **Drafting the Bicycle (Base layer):** * Wheels: * Rear wheel: center (250, 400), r=80. * Front wheel: center (600, 400), r=80. * Spokes: `<g>` with `<line>` or `<path>` elements, maybe just simple lines or a dashed stroke for a quick effect. Actually, hand-coding spokes takes space, but a few intersecting lines will look great. * Tires: thick black stroke. Rims: thinner gray stroke. * Frame: * Chainstay: (250, 400) to (425, 400). * Seat tube: (425, 400) to (350, 250). * Down tube: (425, 400) to (525, 300). * Top tube: (350, 250) to (525, 300). * Seat tube extension: (350, 250) to (300, 200) [Seat]. * Fork: (525, 300) to (600, 400). * Handlebar stem: (525, 300) to (480, 220). * Handlebars: (480, 220) to (420, 200) and maybe (500, 190). * Pedals: center at (425, 400). Arm to (390, 430) and (460, 370). 5. **Drafting the Pelican (Top layer):** * Seat: Pelican is sitting at (300, 180). * Body: White plump shape. Let's use a `<path>` for the body. * Center around (320, 180). Path: `M 280 220 Q 320 120 400 160 Q 450 190 420 250 Q 380 300 280 260 Z` * Legs: * Leg 1: From body bottom (320, 250) down to the pedal (460, 370). Needs a knee. * Leg 2: From body bottom (300, 250) down to the other pedal (390, 430). * Feet: Webbed, gripping the pedals. Orange/Yellow. * Wings (Arms): * Wing 1: Reaching from body (380, 170) to handlebar (420, 200). * Neck: * Long, graceful S-curve. From body top (360, 150) curving up and forward to (550, 100). * Head: * Base at (550, 100). * Eye: Small black dot at (565, 90). * Beak: Massive, long, curved down with a pouch. * Beak top: (560, 90) to (720, 140). * Beak bottom / pouch: (720, 140) to (560, 130) then bulging down to (570, 190). * Colors: * Body: #FFFFFF, outline #333333 (or just flat colors). Let's use flat colors with distinct, darker outlines (modern flat vector style). Stroke width ~4-5. 6. **Refining Coordinates & Paths (Mental Sandbox):** * *ViewBox:* `0 0 800 600` * *Background:* Add a large soft orange/yellow sun (e.g., `cx="600" cy="200" r="150" fill="#FFD166"`), some stylized ground `M 0 480 L 800 480 L 800 600 L 0 600 Z`. * *Bike details:* * Rear Wheel Center: 220, 450 * Front Wheel Center: 580, 450 * Wheel Radius: 90 * Tires: `<circle cx="220" cy="450" r="90" stroke="#2b2b2b" stroke-width="12" fill="none"/>` * Rim: `<circle cx="220" cy="450" r="80" stroke="#888" stroke-width="6" fill="none"/>` * Spokes: (Reuse a `<g>` and just translate for the front wheel). Spokes can be 8 lines passing through the center. * Crank/Pedals: Bottom bracket at `400, 450`. * Crank 1: `400,450` to `350,500`. * Crank 2: `400,450` to `450,400`. * Frame: Needs to connect `(220,450)` to `(400,450)` to `(580,450)` and seat/handlebars. * Seat post: `(400,450)` to `(320,250)`. * Down tube: `(400,450)` to `(520,300)`. * Top tube: `(320,250)` to `(520,300)`. * Chain stay: `(220,450)` to `(400,450)`. * Seat stay: `(220,450)` to `(320,250)`. * Fork: `(580,450)` to `(520,300)`. * Stem: `(520,300)` to `(460,220)`. * Handlebar: `(460,220)` to `(390,210)` to `(390,180)`. * *Pelican Placement:* * Sits on seat at `(320, 220)`. * Body: A white rounded path, maybe `<path d="M 250 250 C 250 150, 400 150, 420 220 C 440 290, 300 320, 250 250 Z" fill="#fff" stroke="#333" stroke-width="5"/>` * Wait, the body should face right (direction of travel). * Let's make the tail point left and neck point right. * Tail: `(230, 260)`. * Neck base: `(390, 200)`. * Neck curve: `M 390 200 Q 450 120 530 110` * Head: `cx="540" cy="110" r="25"` * Beak: `M 540 90 C 600 80, 680 100, 700 130 C 680 140, 540 130, 540 130` -> Throat pouch goes down: `C 560 170, 620 180, 700 130 Z` * Eyes: `cx="545" cy="100" r="4" fill="#333"` * Legs: Pelican's legs need to reach `(350,500)` and `(450,400)`. * Leg 1 (Back): `M 330 260 L 300 350 L 350 500`. Stroke width 8, round caps. * Foot 1: Polygon at `(350,500)`. * Leg 2 (Front): `M 360 260 L 400 350 L 450 400`. Stroke width 8. * Foot 2: Polygon at `(450,400)`. * Wings (Arms): Reaching to `(390, 180)`. * Arm 1 (Back): `M 320 200 L 370 170 L 390 180` * Arm 2 (Front): Overlapping the body. `<path d="M 350 220 C 370 190, 390 190, 400 210" fill="#fff" stroke="#333" stroke-width="5"/>` * *Tuning the Visuals:* * Need to ensure layers are correct: Background -> Back Wheel -> Back Leg/Arm -> Bike Frame -> Front Wheel -> Pelican Body -> Front Leg/Arm. * Let's adjust colors for a sunny, friendly vector style. * Background: `<rect width="100%" height="100%" fill="#E0F7FA"/>` (light cyan) * Sun: `fill="#FFCA28"` * Ground: `fill="#81C784"` * Bike Frame: `stroke="#EF5350"` (red), `stroke-width="8"`. * Bike Tires: `stroke="#37474F"` (dark blue-gray), `stroke-width="12"`. * Spokes: `stroke="#B0BEC5"`, `stroke-width="3"`. * Pelican Body: `fill="#FFFFFF"`, `stroke="#455A64"`, `stroke-width="5"`. * Pelican Legs/Beak: `fill="#FFA000"` (orange). * Wing tips: maybe some gray/black (`#CFD8DC`). 7. **Step-by-Step XML Construction & Code Review:** * `<svg>` definition. * `<defs>` for the wheel groups to save space and ensure identical wheels. * `wheel` group: `<circle cx="0" cy="0" r="90" fill="none" stroke="#37474F" stroke-width="12"/>` `<circle cx="0" cy="0" r="78" fill="none" stroke="#90A4AE" stroke-width="4"/>` (Spokes) `<line x1="-85" y1="0" x2="85" y2="0" stroke="#B0BEC5" stroke-width="2"/>` `<line x1="0" y1="-85" x2="0" y2="85" stroke="#B0BEC5" stroke-width="2"/>` `<line x1="-60" y1="-60" x2="60" y2="60" stroke="#B0BEC5" stroke-width="2"/>` `<line x1="-60" y1="60" x2="60" y2="-60" stroke="#B0BEC5" stroke-width="2"/>` * Background: `<rect width="800" height="600" fill="#E0F7FA"/>` `<circle cx="650" cy="150" r="80" fill="#FFD54F"/>` `<path d="M 0 480 Q 400 450 800 480 L 800 600 L 0 600 Z" fill="#81C784"/>` `<
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%"> <defs> <g id="wheel"> <circle cx="0" cy="0" r="90" fill="none" stroke="#263238" stroke-width="14"/> <circle cx="0" cy="0" r="78" fill="none" stroke="#B0BEC5" stroke-width="5"/> <g stroke="#ECEFF1" stroke-width="3"> <line x1="-78" y1="0" x2="78" y2="0"/> <line x1="0" y1="-78" x2="0" y2="78"/> <line x1="-55" y1="-55" x2="55" y2="55"/> <line x1="-55" y1="55" x2="55" y2="-55"/> </g> <circle cx="0" cy="0" r="8" fill="#263238"/> </g> </defs>
<!-- Background -->
<rect width="800" height="600" fill="#E1F5FE"/>

<!-- Sun -->
<circle cx="670" cy="130" r="60" fill="#FFEE58"/>
<circle cx="670" cy="130" r="80" fill="#FFD54F" opacity="0.4"/>

<!-- Clouds -->
<path d="M 180 110 Q 130 110 130 160 Q 130 190 180 190 L 280 190 Q 330 190 330 160 Q 330 110 280 110 Q 230 60 180 110 Z" fill="#FFFFFF" opacity="0.9"/>
<path d="M 520 210 Q 470 210 470 260 Q 470 290 520 290 L 620 290 Q 670 290 670 260 Q 670 210 620 210 Q 570 160 520 210 Z" fill="#FFFFFF" opacity="0.7"/>

<!-- Ground -->
<path d="M 0 540 L 800 540 L 800 600 L 0 600 Z" fill="#81C784"/>
<path d="M 0 540 L 800 540" stroke="#66BB6A" stroke-width="6" stroke-linecap="round"/>

<!-- Motion Lines -->
<path d="M 30 460 L 130 460 M 20 480 L 100 480" fill="none" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-dasharray="12 10"/>
<path d="M 670 460 L 770 460 M 680 480 L 760 480" fill="none" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-dasharray="12 10"/>

<!-- Rear Wheel -->
<use href="#wheel" x="220" y="450"/>

<!-- Chain -->
<path d="M 220 450 L 400 450" stroke="#455A64" stroke-width="6" fill="none"/>
<path d="M 220 440 L 400 440" stroke="#CFD8DC" stroke-width="2" fill="none" stroke-dasharray="5 3"/>

<!-- Chainring -->
<circle cx="400" cy="450" r="24" fill="none" stroke="#37474F" stroke-width="4"/>
<circle cx="400" cy="450" r="12" fill="#37474F"/>

<!-- Back Leg (Behind Frame) -->
<path d="M 320 270 L 380 350 L 350 500" fill="none" stroke="#FF7043" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="340" y="495" width="22" height="12" rx="4" fill="#37474F" transform="rotate(-15 350 500)"/>

<!-- Bike Frame -->
<g stroke="#42A5F5" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="none">
    <!-- Chainstay -->
    <line x1="220" y1="450" x2="400" y2="450"/>
    <!-- Seatstay -->
    <line x1="220" y1="450" x2="300" y2="220"/>
    <!-- Seat tube -->
    <line x1="400" y1="450" x2="300" y2="220"/>
    <!-- Downtube -->
    <line x1="400" y1="450" x2="520" y2="300"/>
    <!-- Top tube -->
    <line x1="300" y1="220" x2="520" y2="300"/>
    <!-- Fork -->
    <line x1="520" y1="300" x2="580" y2="450"/>
    <!-- Stem -->
    <line x1="520" y1="300" x2="460" y2="210"/>
</g>

<!-- Handlebar -->
<path d="M 460 210 L 380 200 A 15 15 0 0 0 370 220" fill="none" stroke="#37474F" stroke-width="8" stroke-linecap="round"/>
<!-- Seat -->
<path d="M 270 220 C 310 210, 330 210, 340 220 C 330 230, 290 230, 270 220 Z" fill="#37474F"/>

<!-- Front Wheel -->
<use href="#wheel" x="580" y="450"/>

<!-- Front Crank -->
<line x1="400" y1="450" x2="450" y2="400" stroke="#90A4AE" stroke-width="6" stroke-linecap="round"/>

<!-- Pelican Body, Neck, and Tail -->
<path d="M 170 250 
         C 210 270, 250 270, 280 260 
         C 380 300, 440 250, 440 180 
         C 440 140, 480 110, 520 110 
         C 550 110, 560 125, 550 140 
         C 500 140, 460 150, 420 180 
         C 370 210, 320 230, 250 220 
         C 220 215, 190 230, 170 250 Z" 
      fill="#FFFFFF" stroke="#37474F" stroke-width="5" stroke-linejoin="round"/>

<!-- Pelican Beak and Pouch -->
<path d="M 550 125 
         C 600 120, 680 130, 720 150 
         C 680 190, 620 190, 550 165 Z" 
      fill="#FFCA28" stroke="#E65100" stroke-width="4" stroke-linejoin="round"/>
<!-- Beak Division Line -->
<path d="M 550 140 C 600 135, 680 145, 720 150" fill="none" stroke="#E65100" stroke-width="3"/>

<!-- Fish in Pouch -->
<path d="M 635 175 L 665 160 L 660 175 L 665 190 Z" fill="#4FC3F7" stroke="#0288D1" stroke-width="3" stroke-linejoin="round"/>

<!-- Eye -->
<circle cx="530" cy="125" r="6" fill="#263238"/>
<circle cx="532" cy="123" r="2" fill="#FFFFFF"/>

<!-- Helmet -->
<path d="M 500 105 C 500 65, 560 65, 560 105 Z" fill="#66BB6A" stroke="#2E7D32" stroke-width="4"/>
<path d="M 495 105 L 565 105" stroke="#2E7D32" stroke-width="4" stroke-linecap="round"/>
<path d="M 520 75 Q 530 70 540 75" fill="none" stroke="#2E7D32" stroke-width="4"/>
<!-- Helmet Straps -->
<path d="M 515 110 Q 530 135 550 110" fill="none" stroke="#2E7D32" stroke-width="3"/>

<!-- Scarf -->
<path d="M 450 155 Q 480 145 510 155 L 510 165 Q 470 175 440 165 Z" fill="#EF5350" stroke="#C62828" stroke-width="3"/>
<path d="M 450 165 C 400 150, 350 170, 300 150 C 320 160, 360 180, 400 170" fill="#EF5350" stroke="#C62828" stroke-width="3" stroke-linejoin="round"/>
<path d="M 470 170 C 430 170, 380 190, 330 180 C 360 190, 410 200, 450 180" fill="#E53935" stroke="#C62828" stroke-width="3" stroke-linejoin="round"/>

<!-- Front Wing (Holding Handlebar) -->
<path d="M 360 220 C 400 180, 440 180, 460 210 C 430 230, 400 230, 370 240 Z" fill="#FFFFFF" stroke="#37447F" stroke-width="4"/>
<path d="M 360 220 C 400 180, 440 180, 460 210 C 430 230, 400 230, 370 240 Z" fill="#FFFFFF" stroke="#37474F" stroke-width="5" stroke-linejoin="round"/>
<path d="M 370 225 C 390 205, 410 205, 430 210" fill="none" stroke="#CFD8DC" stroke-width="3" stroke-linecap="round"/>

<!-- Front Leg (Over Frame) -->
<path d="M 360 270 L 420 350 L 450 400" fill="none" stroke="#FF7043" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Front Pedal -->
<rect x="440" y="395" width="22" height="12" rx="4" fill="#37474F" transform="rotate(-15 450 400)"/>
</svg>
模型输出的 SVG 1
2.48s
首Token
56
思考TPS
187s · 10,556 tok
85
输出TPS
28.8s · 2,448 tok
13,004
总Tokens(官方)
输入 44
总用时 221s · 平均 60 tok/s · 峰值 252 tok/s · 成本 $0.057
MiniMax-M3🥇
MiniMax-M3
完成
The user wants an SVG of a pelican riding a bicycle. I need to output complete SVG code with xmlns attribute and viewBox, no explanation text.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"> <!-- Background --> <rect width="400" height="400" fill="#87CEEB"/> <!-- Ground --> <rect y="320" width="400" height="80" fill="#90EE90"/> <!-- Bicycle --> <!-- Back wheel --> <circle cx="120" cy="280" r="40" fill="none" stroke="#333" stroke-width="3"/> <circle cx="120" cy="280" r="3" fill="#333"/> <!-- Spokes back wheel --> <line x1="120" y1="240" x2="120" y2="320" stroke="#333" stroke-width="1"/> <line x1="80" y1="280" x2="160" y2="280" stroke="#333" stroke-width="1"/> <line x1="92" y1="252" x2="148" y2="308" stroke="#333" stroke-width="1"/> <line x1="148" y1="252" x2="92" y2="308" stroke="#333" stroke-width="1"/> <!-- Front wheel --> <circle cx="280" cy="280" r="40" fill="none" stroke="#333" stroke-width="3"/> <circle cx="280" cy="280" r="3" fill="#333"/> <!-- Spokes front wheel --> <line x1="280" y1="240" x2="280" y2="320" stroke="#333" stroke-width="1"/> <line x1="240" y1="280" x2="320" y2="280" stroke="#333" stroke-width="1"/> <line x1="252" y1="252" x2="308" y2="308" stroke="#333" stroke-width="1"/> <line x1="308" y1="252" x2="252" y2="308" stroke="#333" stroke-width="1"/> <!-- Bicycle frame --> <line x1="120" y1="280" x2="200" y2="220" stroke="#E63946" stroke-width="5"/> <line x1="200" y1="220" x2="280" y2="280" stroke="#E63946" stroke-width="5"/> <line x1="200" y1="220" x2="220" y2="180" stroke="#E63946" stroke-width="5"/> <line x1="220" y1="180" x2="280" y2="280" stroke="#E63946" stroke-width="5"/> <line x1="220" y1="180" x2="220" y2="160" stroke="#E63946" stroke-width="5"/> <!-- Pedals --> <circle cx="200" cy="280" r="8" fill="#333"/> <line x1="200" y1="280" x2="185" y2="295" stroke="#333" stroke-width="3"/> <line x1="200" y1="280" x2="215" y2="265" stroke="#333" stroke-width="3"/> <rect x="178" y="290" width="14" height="5" fill="#333"/> <!-- Handlebar --> <line x1="220" y1="160" x2="205" y2="155" stroke="#333" stroke-width="4"/> <line x1="220" y1="160" x2="235" y2="155" stroke="#333" stroke-width="4"/> <line x1="205" y1="155" x2="205" y2="145" stroke="#333" stroke-width="3"/> <line x1="235" y1="155" x2="235" y2="145" stroke="#333" stroke-width="3"/> <!-- Seat --> <ellipse cx="180" cy="215" rx="15" ry="5" fill="#333"/> <!-- Pelican body --> <ellipse cx="195" cy="180" rx="40" ry="25" fill="#FFFFFF"/> <ellipse cx="195" cy="180" rx="40" ry="25" fill="none" stroke="#D3D3D3" stroke-width="1"/> <!-- Pelican head --> <circle cx="240" cy="155" r="18" fill="#FFFFFF"/> <circle cx="240" cy="155" r="18" fill="none" stroke="#D3D3D3" stroke-width="1"/> <!-- Pelican eye --> <circle cx="246" cy="150" r="3" fill="#333"/> <circle cx="247" cy="149" r="1" fill="#FFF"/> <!-- Pelican beak (the iconic pouch) --> <path d="M 258 155 L 295 158 L 290 165 L 258 162 Z" fill="#FFA500"/> <path d="M 258 162 L 290 165 L 285 172 L 258 168 Z" fill="#FF8C00"/> <line x1="258" y1="158" x2="295" y2="160" stroke="#E67E00" stroke-width="0.5"/> <!-- Pelican neck --> <path d="M 220 175 Q 225 165 230 160" stroke="#FFFFFF" stroke-width="12" fill="none"/> <path d="M 220 175 Q 225 165 230 160" stroke="#D3D3D3" stroke-width="13" fill="none" stroke-opacity="0.3"/> <!-- Pelican wing --> <path d="M 175 175 Q 185 190 200 195 Q 210 200 215 195 Q 200 180 195 170 Z" fill="#E8E8E8" stroke="#C0C0C0" stroke-width="1"/> <path d="M 180 178 Q 190 188 200 192" stroke="#C0C0C0" stroke-width="0.5" fill="none"/> <!-- Pelican legs --> <line x1="195" y1="200" x2="190" y2="240" stroke="#FFA500" stroke-width="3"/> <line x1="200" y1="200" x2="195" y2="240" stroke="#FFA500" stroke-width="3"/> <!-- Feet on pedals --> <ellipse cx="190" cy="293" rx="6" ry="3" fill="#FFA500"/> <ellipse cx="195" cy="295" rx="6" ry="3" fill="#FFA500"/> <!-- Pelican tail --> <path d="M 160 180 L 145 175 L 145 185 L 160 190 Z" fill="#FFFFFF" stroke="#D3D3D3" stroke-width="1"/> <!-- Feather tuft on head --> <path d="M 235 138 Q 240 132 245 138" stroke="#FFA500" stroke-width="2" fill="none"/> </svg>
模型输出的 SVG 1
1.26s
首Token
93
思考TPS
0.33s · 31 tok
121
输出TPS
13.4s · 1,622 tok
1,653
总Tokens(官方)
输入 207
总用时 20.9s · 平均 120 tok/s · 峰值 194 tok/s · 成本 $0.0020