SVG 占位图

怎么用

1. 设置宽度和高度（16-4096 像素）。
2. 选好背景色和文字色，填一个标签，设置圆角。
3. 预览和 SVG 代码随输入实时更新。
4. 点 Copy 复制代码，或点 Download 存成 .svg 文件。

常见用法

• 线框图与原型 —— 真实素材到位前，先在版式里摆上尺寸正确的色块。
• 本地开发 —— 离线或内网环境下，不再依赖外部占位图服务。
• 设计标注 —— 交给开发等比例、任意缩放不模糊的占位图。
• 邮件与印刷草稿 —— 用矢量格式先占住图片位，放大也不失真。

常见问题

问：生成的 SVG 依赖外部字体吗？ 答：用的是通用无衬线字体栈，标签会以系统可用字体渲染。需要各端完全一致的文字效果，请在设计工具里把文字转曲。

问：标签里能放 HTML 或换行吗？ 答：不能。标签内容会被转义，尖括号和 & 符号会按字面显示。保持一行短句即可 —— 它只是占位图。

问：为什么限制 4096 像素？ 答：占位图不需要超大尺寸，上限是为了让预览和复制的代码保持合理。生成较小尺寸再放大即可，SVG 放大不会糊。