工具介绍
概述
图片占位符工具，提供了生成占位图片的功能（占位图的含义，请参考SVG占位图工具中的说明），可以使用本工具提供的功能，快速生成占位图图片。占位图，在原型设计、PPT 演示稿、产品说明文档等场景中广泛使用，是 UI 设计师、产品经理等人员必备的效率工具之一。
图片占位符工具生成的占位图片，比SVG占位图有更好的浏览器兼容性（可支持 IE 6/7/8），但生成的图片体积比 SVG 占位图大，因此，在加载速度上比 SVG 占位图稍慢。
图片占位符组成格式
本工具生成的图片，提供了图片访问链接以及对应的 img 标签两种形式。其中，图片链接可直接在浏览器中打开；img 标签，可以嵌入 HTML 代码中使用。完整的图片链接如下：
https://www.dute.org/imgplaceholder/{widht}x{height}?fontsize={fontsize}&text={text}&forecolor={forecolor}&bgcolor={bgcolor}
参数说明如下：
- width：占位图宽度，单位为px，默认为
800px宽，必须 - height：占位图高，单位为px，默认为
240px高，必须 - fontsize：占位图上文字大小，默认为
42px大小 - text：占位图上显示的文字内容，默认显示为
{width}x{height} - forecolor：占位图上文字的颜色，默认为
#FFFFFF - bgcolor：占位图的背景色，默认为
#DDDDDD
你可以根据图片链接格式以及支持的参数，自行构造需要的占位图片。
补充说明
关于图片占位符生成工具，有以下几点补充：
width和height这 2 个参数要求必填，其余参数均可选填（不填时将使用参数默认值）- 占位图文字，不超过 10 个字符（能表达基本意思即可，字符太多显示效果也不好）
- 为保证基本的视觉效果，占位图上的字体大小，最小
12px，最大64px - 文字颜色和背景色，支持
FFF、#FFF、FFFFFF、#FFFFFF这 4 种颜色格式（注意，可以不带#符号） - 目前不支持去掉占位图上的水印 o(╯□╰)o