Skip to content

场景图 API

返回 404、空数据、网络错误、搜索无结果等状态的 SVG。可改尺寸、明暗主题、标题与强调色。当前为文案与配色,不含插画。后续方向见 功能一览 · 后期规划

在线试玩

HTTP API
https://cdn.devimg.cn/scene/404?w=480&h=320&theme=light
HTML / 代码
<img src="https://cdn.devimg.cn/scene/404?w=480&h=320&theme=light" alt="scene 404" width="480" height="320" />

场景仍为文案 SVG;seed 与占位/头像/伪码共用调色板。快捷路由 /404 等价 /scene/404。


GET /scene/:variant

variant说明
404页面不存在
empty空数据
network网络错误
search搜索无结果

Query

参数默认说明
w800宽度 10–4000
h600高度 10–4000
themelightlight | dark
title该 variant 默认文案覆盖标题
subtitle该 variant 默认文案覆盖副标题
accent主题默认色强调色 hex,不含 #
seed固定调色板

示例

html
<img src="https://cdn.devimg.cn/scene/404?w=800&h=600" alt="404" />
<img src="https://cdn.devimg.cn/scene/empty" alt="empty" />
<img src="https://cdn.devimg.cn/scene/empty?theme=dark&title=购物车是空的&seed=demo" alt="empty cart" />
<img src="https://cdn.devimg.cn/scene/network?accent=6366f1&subtitle=稍后再试" alt="network" />

响应

  • Content-Type: image/svg+xml
  • Cache-Control: public, max-age=86400

快捷路由

GET /404GET /scene/404 相同,并支持同一组 query。

html
<img src="https://cdn.devimg.cn/404" alt="404" />
<img src="https://cdn.devimg.cn/404?theme=dark&seed=demo" alt="404 dark" />

devimg · 图即 — 国内开发者占位图 CDN