in PHP

HTML DEMO中例图自动生成器

我们在制作HTML DEMO 的过程中,往往需要制作页面中需要的尺寸的例图,很多时候我们是通过 photoshop 来做,但是这样多烦啊,这种很机械的工作还是交给机器来做吧。

我写了一个简单的例图生成器,访问 http://img-api.allenm.me 有简单说明。在应该放例图的位置,只需要在 img 的 src 属性中写类似 ”http://img-api.allenm.me/200-300.png”  这样就可以了。其中200代表宽度,300代表高度,上面的代码显示如下:

例图

实现方法很简单,用 php的 GD 库,配合服务器的 url rewrite 功能。把所有的以 .png 结尾的文件到 rewrite 到 index.php中,然后用正则来获取高度和宽度。现在代码还有一些地方需要修改,暂时不放出来,有兴趣的可以和我交流一下。现在兼容 Apache和 nginx,其他的 http 服务器我没玩过,不会配置,不过原理应该都一样。

如果有前端从业人员需要,建议自己搭建内部的这个服务,因为我的这个服务稳定性保证不了。

  1. 白天在群里没看明白,现在突然联想到你们HTML Demo上的那些红块,终于明白是做什么的了。
    我在想,它应该是占位的作用吧,不能用一个div代替吗?
    还有:我也赞成*格式:http://img-api.allenm.me/200*300.png

    • @Sway, 不能啊,运营人员要看到一个 img 标签才会去填 src 属性,而且这个图片中也有标明尺寸,运营一看就知道要用多大的尺寸的图片了,用 div 的话,多了一个 div 废标签,运营不懂去掉的,另外还要给这个 div 写 style 才能占整个位置啊