本帖最後由 kidnapper 於 2014-3-19 23:18 編輯 5 C' Y8 j1 _- a) A. A$ G
" ~1 G. G1 F+ e6 p: `+ y) J剛剛回復一個帖子的時候想起了這個很有意思的事兒，搜了下還沒人發過。整理下發出來：
7 j; M1 @( _1 J$ o4 L6 ~現在去亞馬遜首頁隨便找張圖片地址為：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg
5 v) N6 X7 p" M2 _. U其實這樣圖片的原始地址是這樣的- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg
 ! Q/ ]: ^) F9 o5 q: z
放大了，注意還是無損的，不是被拉伸大的，有意思不？6 W& w# Q: t0 z/ u m/ Q, z0 l
這個不是用js代碼修改了寬和高，完全的由服務器實時的生成圖片，有沒有和我一樣好奇是怎麼實現的…2 V8 O; J0 g; C3 @" y1 c7 B
限製圖片高度還可以用這個，還沒看出來SL與SY有何區別：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg
- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg
 & L# O( B$ ~( a7 @) d" I# o
如果要生成正方形圖片可以：- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg
- w! o- w/ J1 `) {8 i+ j+ u- l6 @圖片的比例不會變化，多出的部分會自己補白。
8 o5 h0 U- K8 N& S+ [注意以上都是在原圖基礎上改的，如果寬高超出就會顯示原圖。
3 K4 X1 g) X+ m5 H: E莫非你覺得還不夠高大尚，好吧，要是想顯示圖片的某一部分怎麼辦呢？- http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg
 4 P/ |' H0 e0 M" i2 s# P, g
這幾個數值的意思是以圖片左上角為原點，在x軸5px，Y軸10px的地方取頂點，截取一個寬高均為200px的正方形。注意，跟HTML map area的定位方式是不一樣的。$ V$ U1 E: C: [$ k& t. M
完，這個有什麼用，怎麼用方便自己拓展~7 p& e% I q: K+ Q: y u
3 P3 p- H9 G4 S- J0 ~ M8 L
$ x2 r2 @8 k- W* @) W6 C+ [5 m7 F! W% B5 q" V6 g M
J) {! v/ t) w2 B/ d- D2 Q& v補充內容 (2014-3-19 23:26):( i j9 n: g! c& z* d# c% b4 b
若覺得漲姿勢了，不要吝嗇，加個分吧… |
發表於 2014-3-19 23:04:01
提升卡
沉默卡
变色卡