daidr-Note-45089-4

{
  "title": "占位图生成接口（DouAPI）",
  "tags": [
    "post",
    "技术"
  ],
  "sources": [
    "xlog"
  ],
  "external_urls": [
    "https://daidr.xlog.app/img-holder"
  ],
  "date_published": "2019-02-28T16:31:00.000Z",
  "content": "![占位图片.png](ipfs://bafkreic7ipxokl4qi6w5zfhfjcoklegwi3526sklyrhpp2nlt4tqe4cuoe)\n\n## 介绍DouAPI\n\nDouAPI是戴兜在15年底开始提供的一项服务，DouAPI在这3年左右的时间里，\n根据Uptimerobot的监控数据， 可用率基本在90%以上。完全可以说是戴兜维护最走心的一个项目了。寒假开始用NodeJS重写了DouAPI，目前已经完成了几个基本接口的重制，目前仍在持续开发。\n\n## 什么是占位图\n\n当我们在进行网页的排版布局时，有时会需要放置些占位图片来临时填充空位，手动生成这些占位图片的话，特别是尺寸要精确到像素时，就会有些繁琐。 戴兜提供的占位图生成接口能方便地解决这类问题。\n\n## 使用方法\n\n目前戴兜的小屋已经全站HTTPS，DouAPI亦是如此。你只能通过HTTPS请求API。\n\nAPI地址：https://api.daidr.me/apis/imgholder/[尺寸](.[图片格式])?text=[自定义文字]&bg=[背景色]&fg=[前景色]\n\n<pre>\n带 <b>*</b> 的为必需参数\n\n<b>尺寸*</b>：生成的占位图片尺寸，格式**[宽度]x[高度]**，最大**3000x3000**，超出会返回404\n\n**图片格式**：生成的图片格式，支持的有webp/png/jpg/jpeg/gif，默认为webp\n\n**自定义文字**：提供图片内显示的文字，默认显示图片尺寸\n\n**背景色**：图片背景色自定义，16进制颜色编码。支持3位缩写(如fff)，支持8位透明度(如ffffff2c)，不需要加**#**\n\n**前景色**：文字颜色自定义。定义同**背景色**\n</pre>\n\n\n简单的例子\n\nhttps://api.daidr.me/apis/imgholder/100x100\n\nhttps://api.daidr.me/apis/imgholder/100x100.png\n\nhttps://api.daidr.me/apis/imgholder/100x100?text=自定义\n\nhttps://api.daidr.me/apis/imgholder/100x100?bg=a0dad0&fg=709891",
  "attributes": [
    {
      "value": "img-holder",
      "trait_type": "xlog_slug"
    }
  ]
}