SVG 占位图

设置宽高、背景色、文字色与显示文字,工具会生成一张由矩形背景与居中文字构成的 SVG 占位图,并给出可复制的源码,可直接保存为 .svg 文件或内嵌到网页中作为图片占位。全部在浏览器本地完成。

占位图设置 等待输入

尺寸单位为像素,颜色使用 #RRGGBB 形式。

计算结果
画布尺寸—
文字长度—
设置尺寸与文字后点击生成,占位图将显示在这里。

生成的 SVG 可保存为 .svg 文件或直接内嵌;结果仅供参考。

计算说明
  • SVG 占位图由矩形背景与居中文字构成。
  • width 与 height 决定画布尺寸,同时写入 viewBox。
  • 文字内容会被 XML 转义,避免破坏标签结构。
  • 复制结果为完整 SVG 源码,可直接使用。
  • 结果仅供参考,可按需调整颜色与字体。