好用的小工具 - holder.js

在做项目的时候往往会需要在项目的页面中添加一些图片,当然如果有美工就没问题,但是当没有美工,只需要随便找个图片占个位什么的就比较麻烦。

最早的时候总是做个1像素的点,然后要占位的地方拉伸呗。后来发现有个网站 http://dummyimage.com 能提供占位图片的生成,还能自定义大小、颜色、文字等等。感觉太好用了有木有。

但是因为种种大家都知道的原因,每次刷页面都要连到外站,而且还是个国外的网站,最近常常的不好用了,速度慢甚至有时候就是个叉叉了,无奈啊。

在玩Bootstrap的时候,看到网站演示图片样式的时候引用了一个holder.js的文件,想起来查一下,果然查到了 http://holderjs.com/,哎呦不错哦。

只要在页面中引用holder.js

<script src="holder.js"></script>
<img src="holder.js/400x300">


这样图片就出来了,相当的方便,根据官方的文档介绍,还可以自定义图片的背景色,文字甚至文字的字体等等。

你可能感兴趣的:(JavaScript)