🖼️ 占位图片生成器

关于占位图片生成器

这个占位图片生成器用于为线框图、原型和布局测试创建示例图片。设置宽度和高度，选择背景色和文字颜色，输入可选的标签文字，然后下载为 PNG 或 SVG。所有渲染都在你的浏览器中通过 Canvas API 本地完成。

常见使用场景

• 线框图与效果图 —— 在最终素材尚未到位前，把占位图放入设计稿中。
• 原型设计 —— 用精确尺寸的图片测试响应式布局。
• 开发阶段 —— 在构建界面时充当用户上传内容的临时占位。
• 演示文稿 —— 快速填充图片位，无需到处找素材图。

使用方法

1. 拖动宽度和高度滑块设置图片尺寸。
2. 用拾色器选择背景色和文字颜色。
3. 可选地输入叠加文字——留空则会自动显示尺寸。
4. 按需调整字号。
5. 点击下载 PNG或下载 SVG，或复制 Data URL 用于内联引用。

常见问题

最大尺寸是多少？ 通过滑块最高可设置 2000×2000 像素。PNG 下载由 Canvas 按你设定的精确像素尺寸生成。

PNG 和 SVG 有什么区别？ PNG 是位图——最适合照片和截图。SVG 是矢量图——可无损缩放，非常适合高分辨率的效果图。

文字总是居中吗？ 是的。叠加文字会同时在水平和垂直方向居中，如果文字输入框为空，则显示尺寸信息。