开发者社区> 秋天风景> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

《hhhhold.com》 – 很好玩的随机占位图片生成工具

简介:   在制作网页的时候,我们会使用一些假内容和图片来填充页面,这样能够看到更真实的效果。在之前的工作中,我用过的一款占位图片生成工具生成的图片是只有背景色的色块,没有图像,所以效果不够真实。   这篇文章向大家分享一款特别有个性的随机占位图片生成工具——hhhhold.com,你可以通过 URL 定制,hhhhold.com 会随机返回图片。
+关注继续查看

  在制作网页的时候,我们会使用一些假内容和图片来填充页面,这样能够看到更真实的效果。在之前的工作中,我用过的一款占位图片生成工具生成的图片是只有背景色的色块,没有图像,所以效果不够真实。

  这篇文章向大家分享一款特别有个性的随机占位图片生成工具——hhhhold.com,你可以通过 URL 定制,hhhhold.com 会随机返回图片。你永远想象不到下一张会是什么图片。

您可能感兴趣的相关文章

 

 

使用示例:

  下面向大家展示13种常用的 URL 参数方法,示例图片是随机的,每次刷新都会有惊喜哦!

  (1)hhhhold.com/200,生成宽高为200px的随机方形图片。

  调用方法:

<img src="http://hhhhold.com/200" alt="Place Holder" />

  示例图片:

  

  (2)hhhhold.com/500x200,生成宽500px,高为200px的图片。

  调用方法:

<img src="http://hhhhold.com/500x200" alt="Place Holder" />

  示例图片:

  

  (3)hhhhold.com/200-300,生成宽高在 200px-300px 之间的随机图片。

  调用方法:

<img src="http://hhhhold.com/200-300" alt="Place Holder" />

  示例图片:

  

  (4)hhhhold.com/r,生成宽高在 100px 和 1280px 之间随机图片。

  调用方法:

<img src="http://hhhhold.com/r" alt="Place Holder" />

  (5)hhhhold.com/s,生成宽高在 100px 和 250px 之间随机图片。

  调用方法:

<img src="http://hhhhold.com/s" alt="Place Holder" />

  (6)hhhhold.com/m,生成宽高在 250px 和 500px 之间随机图片。

  调用方法:

<img src="http://hhhhold.com/m" alt="Place Holder" />

  (7)hhhhold.com/l,生成宽高在 500px 和 900px 之间随机图片。

  调用方法:

<img src="http://hhhhold.com/l" alt="Place Holder" />

  (8)hhhhold.com/xl,生成宽高在 900px 和 1280px 之间随机图片。

  调用方法:

<img src="http://hhhhold.com/xl" alt="Place Holder" />

  (9)hhhhold.com/d,生成暗色的随机图片。

  调用方法:

<img src="http://hhhhold.com/d" alt="Place Holder" />

  (10)hhhhold.com/b,生成亮色的随机图片。

  调用方法:

<img src="http://hhhhold.com/b" alt="Place Holder" />

  (11)hhhhold.com/jpg,指定图片格式,支持 jpg、gif、png。

  调用方法:

<img src="http://hhhhold.com/jpg" alt="Place Holder" />

  (12)hhhhold.com/w,生成宽的随机图片,不能指定尺寸。

  调用方法:

<img src="http://hhhhold.com/w" alt="Place Holder" />

  (13)hhhhold.com/t,生成高的随机图片,不能指定尺寸。

  调用方法:

<img src="http://hhhhold.com/t" alt="Place Holder" />

 

 扩展插件:

  hhhhold.js,在页面中引入这个文件使得图片能够缓存。

  WPhhhhold!,一款用于集成在 Wordpress 的插件。

  Sublime hhhhold!,非常好用的 Sublime Text 插件。

 

您可能感兴趣的相关文章

本文链接:hhhhold.com – 特别个性的随机占位图片生成工具

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
HDU-1005,Number Sequence(有规律的数学题)
HDU-1005,Number Sequence(有规律的数学题)
17 0
Qt&Vtk-003-读取jpg、png、dicom等格式图片
本文其实才能算是真正的Qt与Vtk结合,具体实现JPG、PNG、TIFF、DICOM、BMP及一个3D Cube显示。
222 0
沫沫金-Mybatis工具类,生成dao层xml、mapper文件和实体类entity层
Mybatis Generator工具使用起来,总感觉不太灵活加上初次环境配置麻烦,特编写java文件 单文件不依赖,直接生成。源码如下(此为Oracle数据库版) package net.
718 0
博客园博客撰写工具【开源】(可以直接黏贴图片)
更新2015-05-26 已经解决掉那个BUG,并增加了一些新功能优化了代码 BUG 如果你的用户名和你的博客Id不同的话,发布博客不成功 感谢若云帮忙重现BUG 2015-5-21更新 可以从博客园拉取最近一篇博客,并修改这篇博客了 (注意:如果拉取到的最近一篇博客,并非你草稿箱里的...
1048 0
使用位图字体工具BMFont从图片生成自定义字体
上一篇转了别人的一篇文章,讲了BMFont的基本用法。对BMFont比较陌生的同学请点击这里先去学习:http://blog.csdn.net/keshuiyun/article/details/9960589。
1337 0
.Net工具 - 动软代码生成器父子表(事务)代码生成
1.选中数据,右键,父子表代码生成 2.选中,父表和子表,以及主外键对应关系 继续设置代码类型等信息即可生成,基于父子表的代码生成。
876 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
2393
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载