|
本帖最后由 kidnapper 于 2014-3-19 23:18 编辑
刚刚回复一个帖子的时候想起了这个很有意思的事儿,搜了下还没人发过。整理下发出来:
现在去亚马逊首页随便找张图片地址为:- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
复制代码
其实这样图片的原始地址是这样的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
复制代码 加的参数SL150是干吗用呢,我们改改看- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
复制代码
放大了,注意还是无损的,不是被拉伸大的,有意思不?
这个不是用js代码修改了宽和高,完全的由服务器实时的生成图片,有没有和我一样好奇是怎么实现的…
限制图片高度还可以用这个,还没看出来SL与SY有何区别:- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
复制代码 限制宽度为100px- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
复制代码
如果要生成正方形图片可以:- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
复制代码
图片的比例不会变化,多出的部分会自己补白。
注意以上都是在原图基础上改的,如果宽高超出就会显示原图。
莫非你觉得还不够高大尚,好吧,要是想显示图片的某一部分怎么办呢?- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
复制代码
这几个数值的意思是以图片左上角为原点,在x轴5px,Y轴10px的地方取顶点,截取一个宽高均为200px的正方形。注意,跟HTML map area的定位方式是不一样的。
完,这个有什么用,怎么用方便自己拓展~
补充内容 (2014-3-19 23:26):
若觉得涨姿势了,不要吝啬,加个分吧… |
评分
-
查看全部评分
|