SVG占位符

一款适用于网页开发和设计原型制作的轻量级 SVG占位符图像生成工具。可以生成具有可定制尺寸的占位符图像，包括背景颜色、文本颜色以及显示的文字内容。输出结果仅为纯 SVG 标记格式，可以作为数据 URI 或内联 SVG 使用——无需使用外部图像文件。

1. 使用 “宽度” 和 “高度” 字段设置图片的尺寸（默认值为 640×360）。 2. 使用颜色选择器或十六进制代码来指定背景颜色。 3. 选择用于显示尺寸标签的文字颜色。 4. 可以选择是否自定义显示文本（默认显示内容为 “WIDTH × HEIGHT”）。 5. 点击 “复制为 SVG” 以复制 SVG 格式的文件；点击 “复制为 URI” 则可以将文件转换为 base64 编码后的 data:image/svg+xml 格式的 URI 格式。 6. 将复制后的文件内容粘贴到 HTML 中的 img src 属性或 CSS 中的 background 属性中。

• SVG 标记：原始的 <svg>...</svg> 代码，可以直接嵌入到 HTML 中。 • 数据 URI：经过 base64 编码后的 data:image/svg+xml 字符串，适用于 img src、CSS 背景图像，或任何可以接受 URL 的位置。 这两种格式都是自包含的——不需要外部依赖或网络请求。

• 網頁開發：在排版和設計階段使用占位圖像。 • 響應式設計測試：根據特定的比例生成圖像。 • 原型圖示：用於線框圖的簡易占位圖像。 • 電子郵件模板：不需要外部托管服務的輕量型占位圖像。 • 文件說明：具有可自定義標籤的示例圖像。