简介
imageUtil.js是前端的图片缩放工具
文件路径 ：/static/fdp/imageUtil.js
问题
想在页面上显示一个100x100的图片，图片是由用户上传的，宽与高不确定，长宽比也不确定。
所以标签<img width=100 height=100 />指定了宽与高。
可能会由于<img>标签指定的长宽比与真实图片的长宽比不同，导致图片变型(压扁或压瘦)，这是一个问题。
解决
为了在前端页面上保持图片原始长宽比例的情况下显示图片，可以使用imageUtil.js计算出图片的适合width、height设置给<img>标签。
价值
服务端已有实时生成缩略图功能，可以在访问图片生成各种尺寸的缩略图，可以保持等比例显示图片。
实时生成缩略图功能已经解决了大部分图片显示的问题。
imageUtil.js可作为一个补充方案，可减少服务端生成的图片尺寸的种类，从而节省系统资源。
API文档
| 函数 | 说明 | 特点 | 使用示例 |
|---|---|---|---|
| imageUtil.resize() |
缩略图 |
保持图片原始长宽比例的情况下显示图片 |
<img onload="imageUtil.resize(200,100);"/> |
上面的示例画定了一个 200x100的区域，图片显示在这个区域内，不可超出，并保持图片原长宽比不变，不够的地方空白。