本帖最後由 kidnapper 於 2014-3-19 23:18 編輯
0 e7 H6 B& ]7 X' S5 @9 X. p+ ] D4 S" T9 |7 S# v2 H2 B0 f0 D
剛剛回復一個帖子的時候想起了這個很有意思的事兒，搜了下還沒人發過。整理下發出來：
0 G! ~# P. P( Q& c現在去亞馬遜首頁隨便找張圖片地址為：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
 7 Q8 y8 S( K# F+ w, z
其實這樣圖片的原始地址是這樣的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
$ @, D8 F) }# A: P! W放大了，注意還是無損的，不是被拉伸大的，有意思不？. O8 J0 U; c3 g8 Z* T
這個不是用js代碼修改了寬和高，完全的由服務器實時的生成圖片，有沒有和我一樣好奇是怎麼實現的…
: Y% x/ Z/ B' l" m2 w. x! R限製圖片高度還可以用這個，還沒看出來SL與SY有何區別：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
3 J% _4 v: R" @5 o3 ~( E! E9 K如果要生成正方形圖片可以：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
 # q( ~2 N' |0 z" A8 Y0 } R
圖片的比例不會變化，多出的部分會自己補白。& v5 y3 i0 F5 G$ C0 V& x* ]
注意以上都是在原圖基礎上改的，如果寬高超出就會顯示原圖。* M T8 ~0 K: G
莫非你覺得還不夠高大尚，好吧，要是想顯示圖片的某一部分怎麼辦呢？- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
+ U; u* S, z+ K* ]% X2 Q這幾個數值的意思是以圖片左上角為原點，在x軸5px，Y軸10px的地方取頂點，截取一個寬高均為200px的正方形。注意，跟HTML map area的定位方式是不一樣的。
4 C0 E5 V& J" J5 L! F/ _完，這個有什麼用，怎麼用方便自己拓展~
* @% H1 c, o( @7 e
; c2 M. z- y% ?. `- Z
1 R4 y7 f6 W S3 {2 ~/ |" T
7 \9 c' R. P0 n* q& ]' n9 i
2 A. m) {% p- P/ l; F補充內容 (2014-3-19 23:26):
' L0 P3 U# x$ Y, B W# w若覺得漲姿勢了，不要吝嗇，加個分吧… |
發表於 2014-3-19 23:04:01
提升卡
沉默卡
变色卡