本帖最後由 kidnapper 於 2014-3-19 23:18 編輯
) [: k& ^/ j* t" Q5 v
3 ^4 v V( G2 q' S' }4 O剛剛回復一個帖子的時候想起了這個很有意思的事兒，搜了下還沒人發過。整理下發出來：
, ?! k Q1 S: R: x* n- _% o* d現在去亞馬遜首頁隨便找張圖片地址為：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
# t. `5 o6 C$ ?+ ^! w$ E其實這樣圖片的原始地址是這樣的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
0 Z2 t5 O" _4 |7 z5 w放大了，注意還是無損的，不是被拉伸大的，有意思不？7 M ^5 I' W% ], |
這個不是用js代碼修改了寬和高，完全的由服務器實時的生成圖片，有沒有和我一樣好奇是怎麼實現的…1 a! s+ ]/ ?% I% D: ~- Y
限製圖片高度還可以用這個，還沒看出來SL與SY有何區別：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
; A# q8 Q6 z* W如果要生成正方形圖片可以：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
$ I- p+ m- Z; W, M圖片的比例不會變化，多出的部分會自己補白。
9 I6 i* U! d4 D6 S注意以上都是在原圖基礎上改的，如果寬高超出就會顯示原圖。
J$ C/ b7 Z" B/ j莫非你覺得還不夠高大尚，好吧，要是想顯示圖片的某一部分怎麼辦呢？- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
 * Z7 R: r: U% O1 b
這幾個數值的意思是以圖片左上角為原點，在x軸5px，Y軸10px的地方取頂點，截取一個寬高均為200px的正方形。注意，跟HTML map area的定位方式是不一樣的。
; D9 ^7 s( I1 ~' J' p/ i9 j7 r0 J完，這個有什麼用，怎麼用方便自己拓展~) G. n. B$ K9 w6 M5 n
$ ~' C7 e: t2 A* E i' k" Q
. }# M3 l1 l4 G: m/ i( J1 w6 N
0 [/ g5 b9 Z0 v' T: h* X8 m; ]* t4 @& Y& D9 b7 i
補充內容 (2014-3-19 23:26):
2 ^0 p. w2 n, _- M+ R8 M* [若覺得漲姿勢了，不要吝嗇，加個分吧… |
發表於 2014-3-19 23:04:01
提升卡
沉默卡
变色卡