Skip to content

zhicaizhu123/z-oss-image

Repository files navigation

OSS 图片链接处理

安装

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 图片水印 文档