SVG 代码
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400"> <rect width="600" height="400" fill="#cccccc"/> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-size="24" fill="#666666">600×400</text> </svg>
如何使用SVG占位图生成器
- 设置SVG图片的宽度和高度
- 选择背景色和文字颜色
- 可选输入自定义文字
- 点击「生成」按钮,复制SVG代码或下载文件
SVG占位图生成器功能说明
- 生成SVG格式占位图片
- 自定义尺寸、颜色和文字
- 支持复制SVG代码直接嵌入HTML
- 文件体积小,加载速度快
注意事项
- SVG为矢量格式,任意缩放不失真
- 适合用作设计稿占位图
- 不支持照片类图片占位
- 复制代码后可直接粘贴到HTML文件中