图片与媒体

SVG 占位图

设置尺寸、颜色和文字，安全生成 SVG 占位图与 Base64 Data URL。

准备就绪

输入

处理结果

使用说明

创建带尺寸与文字的静态 SVG 占位图。

示例

设置 320×180 和示例文字；输出中的 & 被 XML 转义，另可复制 Data URL。

本例操作与参数

操作: 生成
宽度: 320
高度: 180
文字: Demo & test
字号: 26
前景色: #333333
背景色: #cccccc
目标字节数: 开启

输入 / 操作

结果 / 预期表现

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="180" viewBox="0 0 320 180">
  <rect width="320" height="180" fill="#cccccc"/>
  <text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-family="monospace" font-size="26" fill="#333333">Demo &amp; test</text>
</svg>

范围与限制

宽高 1–10000、字号 1–1000；文字最多 10000 字符且不能含 XML 禁止字符。

常见问题

颜色必须为十六进制，不接受 CSS 颜色名；取消精确尺寸保留 viewBox，而非改变图像内容。

SVG 占位图

使用说明

示例

本例操作与参数

输入 / 操作

结果 / 预期表现

范围与限制

常见问题

相关工具

隐私与使用环境