SVG 霓虹发光线条 LOGO 绘制动画

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

基本信息

  • 用例名称：SVG 霓虹发光线条 LOGO 绘制动画
  • 测试类型：网页生成
  • 评测维度：SVG 矢量动画
  • 参与评测的模型数：167 个

系统提示词（System Prompt）

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

用户提示词（User Prompt）

请创建一个 SVG 霓虹线条 LOGO 绘制动画页面。 设计要求： - 背景为纯黑色（#000000 或深色） - 用极简线条（直线、折线或简单几何形）构成一个抽象 LOGO 图形（如字母、符号或简单图标） - 使用 stroke-dasharray / stroke-dashoffset 实现线条从无到有的「书写」绘制动画 - 线条颜色为霓虹青色（#00FFFF）或霓虹粉色（#FF00FF） - 使用 SVG feGaussianBlur 滤镜为线条添加发光（Glow）效果 - 动画时长 2～4 秒，自动播放一次 技术要求： - 纯 HTML + SVG + CSS 实现，无需外部库 - 代码在单个 HTML 文件中

各模型评测结果

  1. 第 1：qwen3.6-plus-preview，得分 94.0 分 — 查看该模型的详细评测结果
  2. 第 2：GLM-5v-turbo，得分 92.0 分 — 查看该模型的详细评测结果
  3. 第 3：qwen3.5-omni-plus，得分 91.67 分 — 查看该模型的详细评测结果
  4. 第 4：qwen3.5-omni-flash，得分 91.0 分 — 查看该模型的详细评测结果
  5. 第 5：Google: Gemma 4 26B A4B ，得分 90.4 分 — 查看该模型的详细评测结果
  6. 第 6：Elephant，得分 89.1 分 — 查看该模型的详细评测结果
  7. 第 7：kimi-k2.6，得分 89.0 分 — 查看该模型的详细评测结果
  8. 第 8：Claude Opus 4 7，得分 88.2 分 — 查看该模型的详细评测结果
  9. 第 9：Claude Opus 4.6，得分 87.67 分 — 查看该模型的详细评测结果
  10. 第 10：OpenAI: GPT-5 Mini，得分 83.5 分 — 查看该模型的详细评测结果
  11. 第 11：Google: Gemma 4 31B，得分 83.0 分 — 查看该模型的详细评测结果
  12. 第 12：Google: Gemini 3 Flash Preview，得分 82.5 分 — 查看该模型的详细评测结果
  13. 第 13：StepFun: Step 3.5 Flash，得分 81.2 分 — 查看该模型的详细评测结果
  14. 第 14：OpenAI: GPT-5.4，得分 79.4 分 — 查看该模型的详细评测结果
  15. 第 15：Qwen: Qwen3.5-9B，得分 78.9 分 — 查看该模型的详细评测结果
  16. 第 16：Anthropic: Claude Haiku 4.5，得分 78.3 分 — 查看该模型的详细评测结果
  17. 第 17：mimo-v2-pro，得分 77.6 分 — 查看该模型的详细评测结果
  18. 第 18：glm-4.7，得分 76.9 分 — 查看该模型的详细评测结果
  19. 第 19：Anthropic: Claude Sonnet 4.6，得分 76.7 分 — 查看该模型的详细评测结果
  20. 第 20：qwen3-max，得分 76.0 分 — 查看该模型的详细评测结果
  21. 第 21：Google: Gemini 3.1 Pro Preview，得分 74.4 分 — 查看该模型的详细评测结果
  22. 第 22：xAI: Grok 4.20 Beta，得分 74.4 分 — 查看该模型的详细评测结果
  23. 第 23：doubao-seed-2-0-code，得分 74.1 分 — 查看该模型的详细评测结果
  24. 第 24：MiniMax-M2.5，得分 72.1 分 — 查看该模型的详细评测结果
  25. 第 25：MiniMax-M2.7，得分 71.3 分 — 查看该模型的详细评测结果
  26. 第 26：OpenAI: GPT-5 Nano，得分 70.9 分 — 查看该模型的详细评测结果
  27. 第 27：qwen3.5-35b-a3b，得分 70.8 分 — 查看该模型的详细评测结果
  28. 第 28：NVIDIA: Nemotron 3 Super (free)，得分 70.3 分 — 查看该模型的详细评测结果
  29. 第 29：Google: Gemini 2.5 Flash Lite，得分 69.83 分 — 查看该模型的详细评测结果
  30. 第 30：OpenAI: gpt-oss-20b，得分 69.7 分 — 查看该模型的详细评测结果
  31. 第 31：OpenAI: gpt-oss-120b，得分 67.8 分 — 查看该模型的详细评测结果
  32. 第 32：mimo-v2-flash，得分 67.3 分 — 查看该模型的详细评测结果
  33. 第 33：xAI: Grok 4.1 Fast，得分 66.7 分 — 查看该模型的详细评测结果
  34. 第 34：GPT-5.2，得分 66.6 分 — 查看该模型的详细评测结果
  35. 第 35：doubao-seed-1-8，得分 66.0 分 — 查看该模型的详细评测结果
  36. 第 36：MiniMax-M2.1，得分 65.2 分 — 查看该模型的详细评测结果
  37. 第 37：doubao-seed-1-6，得分 64.0 分 — 查看该模型的详细评测结果
  38. 第 38：doubao-seed-2-0-lite，得分 64.0 分 — 查看该模型的详细评测结果
  39. 第 39：doubao-seed-2-0-pro，得分 63.4 分 — 查看该模型的详细评测结果
  40. 第 40：mimo-v2-omni，得分 63.4 分 — 查看该模型的详细评测结果
  41. 第 41：glm-4.5-air，得分 62.7 分 — 查看该模型的详细评测结果
  42. 第 42：qwen3.5-flash，得分 62.2 分 — 查看该模型的详细评测结果
  43. 第 43：OpenAI: GPT-4o-mini，得分 62.0 分 — 查看该模型的详细评测结果
  44. 第 44：Meituan: LongCat Flash Chat，得分 61.0 分 — 查看该模型的详细评测结果
  45. 第 45：hunyuan-turbo，得分 60.9 分 — 查看该模型的详细评测结果
  46. 第 46：doubao-seed-2-0-mini，得分 60.7 分 — 查看该模型的详细评测结果
  47. 第 47：hunyuan-pro，得分 60.4 分 — 查看该模型的详细评测结果
  48. 第 48：Grok 4，得分 60.4 分 — 查看该模型的详细评测结果
  49. 第 49：Mistral: Mistral Nemo，得分 59.7 分 — 查看该模型的详细评测结果
  50. 第 50：hunyuan-large，得分 58.5 分 — 查看该模型的详细评测结果
  51. 第 51：deepseek-v3.2，得分 57.7 分 — 查看该模型的详细评测结果
  52. 第 52：doubao-seed-1-6-flash，得分 57.6 分 — 查看该模型的详细评测结果
  53. 第 53：Meta: Llama 3.3 70B Instruct，得分 54.9 分 — 查看该模型的详细评测结果
  54. 第 54：qwen3.5-27b，得分 51.6 分 — 查看该模型的详细评测结果
  55. 第 55：qwen3-coder-plus，得分 0.8 分 — 查看该模型的详细评测结果
  56. 第 56：kimi-k2.5，得分 — 分 — 查看该模型的详细评测结果
题目
模型排行
加载中…
模型评分
加载中…