鍍金池/ 問(wèn)答/HTML5  HTML/ H5關(guān)于圖片等比縮放的問(wèn)題

H5關(guān)于圖片等比縮放的問(wèn)題

圖片是后臺(tái)返回的 很大 需要按照4:1的比例進(jìn)行等比縮放 這個(gè)該怎么處理呢 沒(méi)做過(guò)這個(gè)

回答
編輯回答
大濕胸

使用javascript來(lái)做

const img = new Image();
img.onload = ()=>{
  img.width = img.width / 4;
  //其他渲染dom的代碼
};
img.src = '圖片地址';
2017年7月5日 11:03
編輯回答
單眼皮

如果硬性要求是 4/1且必須是前端處理，那只能如 @陶留軍 那般設(shè)置了。

否則你實(shí)際可以讓后臺(tái)反饋回圖片的原始寬、高，甚至反饋回具體要顯示的寬、高！這樣就簡(jiǎn)單多了。

2017年11月9日 10:03