H5关于图片等比缩放的问题

Question

图片是后台返回的 很大 需要按照4:1的比例进行等比缩放 这个该怎么处理呢 没做过这个

Answer 1

使用javascript来做

const img = new Image();
img.onload = ()=>{
  img.width = img.width / 4;
  //其他渲染dom的代码
};
img.src = '图片地址';

Answer 2

如果硬性要求是 4/1且必须是前端处理，那只能如 @陶留军 那般设置了。

否则你实际可以让后台反馈回图片的原始宽、高，甚至反馈回具体要显示的宽、高！这样就简单多了。