本帖最後由 kidnapper 於 2014-3-19 23:18 編輯
8 J# N' S" H& y+ s4 ]4 M6 y& ~$ p+ \3 m$ S
剛剛回復一個帖子的時候想起了這個很有意思的事兒，搜了下還沒人發過。整理下發出來：
6 ?' B9 N4 ?: S: ~! Q& R: F現在去亞馬遜首頁隨便找張圖片地址為：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
7 r7 r. t( A7 T% b" s其實這樣圖片的原始地址是這樣的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
4 K" i! f& \# {4 t) ~8 \2 D" Z放大了，注意還是無損的，不是被拉伸大的，有意思不？# k6 \ D! l6 T$ @
這個不是用js代碼修改了寬和高，完全的由服務器實時的生成圖片，有沒有和我一樣好奇是怎麼實現的…, k8 v2 M5 e2 d% ]
限製圖片高度還可以用這個，還沒看出來SL與SY有何區別：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
 G+ {5 _1 q N; C$ u% Y
如果要生成正方形圖片可以：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
 % e- L5 x3 ]' ^9 g0 M
圖片的比例不會變化，多出的部分會自己補白。
' a0 P# n' {: R ^7 x注意以上都是在原圖基礎上改的，如果寬高超出就會顯示原圖。
) R/ Q% v1 x2 p' v& J莫非你覺得還不夠高大尚，好吧，要是想顯示圖片的某一部分怎麼辦呢？- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
 - b$ G4 l2 v. [( W
這幾個數值的意思是以圖片左上角為原點，在x軸5px，Y軸10px的地方取頂點，截取一個寬高均為200px的正方形。注意，跟HTML map area的定位方式是不一樣的。0 ?$ p2 V' S: D: T9 o' k1 v
完，這個有什麼用，怎麼用方便自己拓展~
2 A3 u+ ?- S5 W2 z7 I8 I
# ^6 T3 i- V6 T0 l, W; B! D; B5 x$ V: v- U( ]
( s+ c9 k5 i- L( ?/ z% n# y9 V" N, y8 Q
; N, q! e1 s" B+ b% E7 \ [9 Q5 H& l* h補充內容 (2014-3-19 23:26):
& P" ]% {* T: r4 Q2 h若覺得漲姿勢了，不要吝嗇，加個分吧… |
發表於 2014-3-19 23:04:01
提升卡
沉默卡
变色卡