SVG 路径形变动画

这是一个 AI 大模型评测用例，下面将详细介绍测试内容和各模型的表现。

基本信息

  • 用例名称：SVG 路径形变动画
  • 测试类型：网页生成
  • 评测维度：SVG 矢量动画
  • 参与评测的模型数：171 个

系统提示词（System Prompt）

你是一名前端开发工程师，擅长 SVG 动画开发。 代码要求： 1. 生成完整的单页 HTML 应用 2. CSS 和 JavaScript 内联在 HTML 文件中 3. 代码结构清晰，有适当注释

用户提示词（User Prompt）

创建一个 SVG 形状变形动画页面。 功能要求： - 页面中央显示一个 SVG 图形 - 图形在「圆形」和「正方形」两种形状之间循环平滑变形 - 变形动画使用 CSS animation 或 SMIL 的 `<animate>` 元素驱动 - 两个形状的路径锚点数量必须保持一致，确保动画不破碎 - 动画持续时间约 2 秒，循环播放

各模型评测结果

  1. 第 1：qwen3.6-plus-preview，得分 97.67 分 — 查看该模型的详细评测结果
  2. 第 2：MiniMax-M2.5，得分 93.5 分 — 查看该模型的详细评测结果
  3. 第 3：GLM-5.1，得分 92.7 分 — 查看该模型的详细评测结果
  4. 第 4：GLM-5v-turbo，得分 92.7 分 — 查看该模型的详细评测结果
  5. 第 5：GPT-5.2，得分 89.8 分 — 查看该模型的详细评测结果
  6. 第 6：Claude Opus 4.6，得分 89.7 分 — 查看该模型的详细评测结果
  7. 第 7：mimo-v2-flash，得分 87.8 分 — 查看该模型的详细评测结果
  8. 第 8：doubao-seed-2-0-pro，得分 86.3 分 — 查看该模型的详细评测结果
  9. 第 9：glm-4.7，得分 86.2 分 — 查看该模型的详细评测结果
  10. 第 10：OpenAI: GPT-5 Mini，得分 84.8 分 — 查看该模型的详细评测结果
  11. 第 11：kimi-k2.5，得分 82.7 分 — 查看该模型的详细评测结果
  12. 第 12：doubao-seed-2-0-lite，得分 82.5 分 — 查看该模型的详细评测结果
  13. 第 13：qwen3-max，得分 81.2 分 — 查看该模型的详细评测结果
  14. 第 14：Anthropic: Claude Sonnet 4.6，得分 81.1 分 — 查看该模型的详细评测结果
  15. 第 15：Google: Gemma 4 31B，得分 80.6 分 — 查看该模型的详细评测结果
  16. 第 16：Google: Gemini 3 Flash Preview，得分 79.9 分 — 查看该模型的详细评测结果
  17. 第 17：OpenAI: GPT-5.4，得分 79.5 分 — 查看该模型的详细评测结果
  18. 第 18：kimi-k2.6，得分 77.5 分 — 查看该模型的详细评测结果
  19. 第 19：doubao-seed-2-0-code，得分 77.0 分 — 查看该模型的详细评测结果
  20. 第 20：mimo-v2-omni，得分 76.8 分 — 查看该模型的详细评测结果
  21. 第 21：StepFun: Step 3.5 Flash，得分 76.4 分 — 查看该模型的详细评测结果
  22. 第 22：Google: Gemini 3.1 Pro Preview，得分 76.3 分 — 查看该模型的详细评测结果
  23. 第 23：Anthropic: Claude Haiku 4.5，得分 76.0 分 — 查看该模型的详细评测结果
  24. 第 24：glm-4.5-air，得分 75.0 分 — 查看该模型的详细评测结果
  25. 第 25：Elephant，得分 75.0 分 — 查看该模型的详细评测结果
  26. 第 26：OpenAI: gpt-oss-120b，得分 74.7 分 — 查看该模型的详细评测结果
  27. 第 27：Google: Gemma 4 26B A4B ，得分 70.7 分 — 查看该模型的详细评测结果
  28. 第 28：MiniMax-M2.1，得分 70.0 分 — 查看该模型的详细评测结果
  29. 第 29：xAI: Grok 4.20 Beta，得分 69.7 分 — 查看该模型的详细评测结果
  30. 第 30：xAI: Grok 4.1 Fast，得分 69.2 分 — 查看该模型的详细评测结果
  31. 第 31：qwen3.5-omni-plus，得分 68.0 分 — 查看该模型的详细评测结果
  32. 第 32：Meituan: LongCat Flash Chat，得分 66.6 分 — 查看该模型的详细评测结果
  33. 第 33：deepseek-v3.2，得分 66.0 分 — 查看该模型的详细评测结果
  34. 第 34：doubao-seed-2-0-mini，得分 64.0 分 — 查看该模型的详细评测结果
  35. 第 35：OpenAI: gpt-oss-20b，得分 63.9 分 — 查看该模型的详细评测结果
  36. 第 36：Grok 4，得分 63.6 分 — 查看该模型的详细评测结果
  37. 第 37：qwen3.5-flash，得分 62.5 分 — 查看该模型的详细评测结果
  38. 第 38：mimo-v2-pro，得分 60.5 分 — 查看该模型的详细评测结果
  39. 第 39：NVIDIA: Nemotron 3 Super (free)，得分 60.2 分 — 查看该模型的详细评测结果
  40. 第 40：OpenAI: GPT-5 Nano，得分 60.2 分 — 查看该模型的详细评测结果
  41. 第 41：Claude Opus 4 7，得分 58.3 分 — 查看该模型的详细评测结果
  42. 第 42：qwen3.5-35b-a3b，得分 57.9 分 — 查看该模型的详细评测结果
  43. 第 43：qwen3-coder-plus，得分 56.3 分 — 查看该模型的详细评测结果
  44. 第 44：doubao-seed-1-8，得分 52.7 分 — 查看该模型的详细评测结果
  45. 第 45：doubao-seed-1-6，得分 51.8 分 — 查看该模型的详细评测结果
  46. 第 46：Google: Gemini 2.5 Flash Lite，得分 46.9 分 — 查看该模型的详细评测结果
  47. 第 47：hunyuan-pro，得分 45.4 分 — 查看该模型的详细评测结果
  48. 第 48：hunyuan-large，得分 43.4 分 — 查看该模型的详细评测结果
  49. 第 49：qwen3.5-omni-flash，得分 43.33 分 — 查看该模型的详细评测结果
  50. 第 50：MiniMax-M2.7，得分 41.0 分 — 查看该模型的详细评测结果
  51. 第 51：Meta: Llama 3.3 70B Instruct，得分 39.7 分 — 查看该模型的详细评测结果
  52. 第 52：doubao-seed-1-6-flash，得分 37.9 分 — 查看该模型的详细评测结果
  53. 第 53：hunyuan-turbo，得分 37.6 分 — 查看该模型的详细评测结果
  54. 第 54：OpenAI: GPT-4o-mini，得分 37.5 分 — 查看该模型的详细评测结果
  55. 第 55：Mistral: Mistral Nemo，得分 29.7 分 — 查看该模型的详细评测结果
  56. 第 56：Qwen: Qwen3.5-9B，得分 1.9 分 — 查看该模型的详细评测结果
题目
模型排行
加载中…
模型评分
加载中…