yarn add z-oss-image
# 或
npm i z-oss-image -S
import ossImage from 'z-oss-image'
const imageUrl = ossImage('图片链接').resize({ w: 100, h: 100 }).quality({ q: 80 }).url
方法的配置项可以查看oss官方API文档
方法名称 | 描述 | 文档链接 |
---|---|---|
resize | 图片缩放 | 文档 |
circle | 内切圆 | 文档 |
crop | 自定义裁剪 | 文档 |
indexcrop | 索引切割 | 文档 |
roundedCorners | 圆角矩形 | 文档 |
rotate | 旋转 | 文档 |
autoOrient | 自适应方向 | 文档 |
blur | 模糊效果 | 文档 |
bright | 亮度 | 文档 |
contrast | 对比度 | 文档 |
sharpen | 锐化 | 文档 |
format | 格式转换 | 文档 |
interlace | 渐进显示,jpg 格式自上而下的扫描式,先模糊后逐渐清晰(在网络环境比较差时明显) | 文档 |
quality | 质量变换 | 文档 |
watermark | 图片水印 | 文档 |