前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >占位图生成接口(DouAPI)

占位图生成接口(DouAPI)

作者头像
戴兜
发布2023-02-23 09:59:57
5710
发布2023-02-23 09:59:57
举报
文章被收录于专栏:daidrdaidr

介绍DouAPI

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

什么是占位图

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

使用方法

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

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

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

简单的例子

https://api.daidr.me/apis/imgholder/100x100
https://api.daidr.me/apis/imgholder/100x100

https://api.daidr.me/apis/imgholder/100×100

https://api.daidr.me/apis/imgholder/100x100.png
https://api.daidr.me/apis/imgholder/100x100.png

https://api.daidr.me/apis/imgholder/100×100.png

https://api.daidr.me/apis/imgholder/100x100?text=%E8%87%AA%E5%AE%9A%E4%B9%89
https://api.daidr.me/apis/imgholder/100x100?text=%E8%87%AA%E5%AE%9A%E4%B9%89

https://api.daidr.me/apis/imgholder/100×100?text=自定义

https://api.daidr.me/apis/imgholder/100x100?bg=a0dad0&fg=709891
https://api.daidr.me/apis/imgholder/100x100?bg=a0dad0&fg=709891

https://api.daidr.me/apis/imgholder/100×100?bg=a0dad0&fg=709891

code{background: #f5f2f0;}

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-03-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍DouAPI
  • 什么是占位图
  • 使用方法
  • 简单的例子
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档