0.0.3-beta • Published 7 years ago
oss-img-processor v0.0.3-beta
oss 图片处理工具
这是一个oss处理图片的函数,主要处理图片尺寸信息和图片格式转换。 它会自动判断当前浏览器是否支持webp格式,当你需要转换图片的时候(png to jpg),如果当前浏览器支持webp,则以webp格式转换,否则转为jpg。
Installation
npm install --save oss-img-processor
Usage
// main.js
import resizeImg from 'oss-img-processor/lib/index';
Vue.prototype.$resizeImg = resizeImg;
例子
// 将图片大小以`宽度`为基准,按比例设置为 `width=200` 的图片`且`开启图片转换
<img :src="$resizeImg(url, 200, 0, true)" alt="">
// 将图片大小以`高度`为基准,按比例设置为 `height=200` 的图片`且`开启图片转换
<img :src="$resizeImg(url, 0, 200, true)" alt="">
// 将图片大小以`宽度`为基准,按比例设置为 `width=200` 的图片`不`开启图片转换
<img :src="$resizeImg(url, 200, 0)" alt="">