本帖最後由 kidnapper 於 2014-3-19 23:18 編輯 ! H8 X7 `! q6 s# ~1 E
1 H+ y+ c. A, F( c, m
剛剛回復一個帖子的時候想起了這個很有意思的事兒，搜了下還沒人發過。整理下發出來：% G7 {0 w" Z: k- e- q0 W6 r/ O
現在去亞馬遜首頁隨便找張圖片地址為：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
 " }4 B T- p x* K& @, l5 }
其實這樣圖片的原始地址是這樣的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
1 u, ?$ E' R, n* e* H( ?放大了，注意還是無損的，不是被拉伸大的，有意思不？. Q j/ Y0 T& X: B3 E
這個不是用js代碼修改了寬和高，完全的由服務器實時的生成圖片，有沒有和我一樣好奇是怎麼實現的…, I0 ?4 c8 {9 d" Q* i/ P. m3 @$ A0 ?
限製圖片高度還可以用這個，還沒看出來SL與SY有何區別：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
7 k' D0 H, L+ j2 \如果要生成正方形圖片可以：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
 ) E' o0 w0 e h4 {6 s$ k0 J
圖片的比例不會變化，多出的部分會自己補白。
$ X# [4 Q. E4 h注意以上都是在原圖基礎上改的，如果寬高超出就會顯示原圖。! [1 o! M0 z9 v6 q: t
莫非你覺得還不夠高大尚，好吧，要是想顯示圖片的某一部分怎麼辦呢？- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
 - Q" D, N. V. v. m0 `; a' |
這幾個數值的意思是以圖片左上角為原點，在x軸5px，Y軸10px的地方取頂點，截取一個寬高均為200px的正方形。注意，跟HTML map area的定位方式是不一樣的。
8 v; f8 q- `$ f完，這個有什麼用，怎麼用方便自己拓展~% X0 l/ V# U6 Q8 z/ w% R6 h
/ J, z/ O( j6 u0 X
- C2 _6 E# ^$ s+ Q+ e: a0 s, I+ q/ [9 {& [# e" c
& P4 m! _& ?. c* Z! E
補充內容 (2014-3-19 23:26):
+ M( q7 p. R% S P0 J若覺得漲姿勢了，不要吝嗇，加個分吧… |
發表於 2014-3-19 23:04:01
提升卡
沉默卡
变色卡