戴兜的小屋
戴兜的小屋

占位图生成接口(DouAPI)

占位图生成接口(DouAPI)

介绍DouAPI

DouAPI是戴兜在15年底开始提供的一项服务,DouAPI在这3年左右的时间里,
根据Uptimerobot的监控数据, 可用率基本在90%以上。完全可以说是戴兜维护最走心的一个项目了。寒假开始用NodeJS重写了DouAPI,目前已经完成了几个基本接口的重制,目前仍在持续开发。

什么是占位图

当我们在进行网页的排版布局时,有时会需要放置些占位图片来临时填充空位,手动生成这些占位图片的话,特别是尺寸要精确到像素时,就会有些繁琐。 戴兜提供的占位图生成接口能方便地解决这类问题。

使用方法

目前戴兜的小屋已经全站HTTPS,DouAPI亦是如此。你只能通过HTTPS请求API。

API地址:https://api.daidr.me/apis/imgholder/[尺寸](.[图片格式])?text=[自定义文字]&bg=[背景色]&fg=[前景色]

*的为必需参数
尺寸*:生成的占位图片尺寸,格式[宽度]x[高度],最大3000x3000,超出会返回404
图片格式:生成的图片格式,支持的有webp/png/jpg/jpeg/gif,默认为webp
自定义文字:提供图片内显示的文字,默认显示图片尺寸
背景色:图片背景色自定义,16进制颜色编码。支持3位缩写(如fff),支持8位透明度(如ffffff2c),不需要加#
前景色:文字颜色自定义。定义同背景色

简单的例子

https://api.daidr.me/apis/imgholder/100×100
https://api.daidr.me/apis/imgholder/100×100.png
https://api.daidr.me/apis/imgholder/100×100?text=自定义
https://api.daidr.me/apis/imgholder/100×100?bg=a0dad0&fg=709891

赞赏

戴兜

文章作者

发表回复

textsms
account_circle
email

  • uyoung

    这篇文章在新版博客上有一些样式bug,”背景色“这段问题会超出

    1 年前 回复
  • zizdog

    好评,正准备本地缓存一些内容,可以调用这个。

    4 年前 回复
  • 支持作者,很好用!

    5 年前 回复

戴兜的小屋

占位图生成接口(DouAPI)
介绍DouAPI DouAPI是戴兜在15年底开始提供的一项服务,DouAPI在这3年左右的时间里, 根据Uptimerobot的监控数据, 可用率基本在90%以上。完全可以说是戴兜维护最走心的一个项目了。寒…
扫描二维码继续阅读
2019-03-01