更新记录

1.0.0（2023-07-12）

简单的canvas 图片剪裁工具，支持一键1:1,4:3,3:4,16:9,9:16; 自由拖动，缩放。 剪裁图片准确不变形。

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × 7 × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × 3 √ × × × × ×

hi-img-cut

1.0.0（2023-07-02）

简单的canvas 图片剪裁工具，支持一键1:1,4:3,3:4,16:9,9:16; 自由拖动，缩放。 剪裁图片准确不变形。

props参数详情

参数 默认值 说明
url '' 做为组件使用时传入需要剪裁的图片url
clipType all check:快速选择 drag:拖动 all:全部
clipTemps ['1-1','4-3','3-4','16-9','9-16'] 所有支持的快速模版，可以只要自己需要的
outputType 'save' 确定剪裁后的输出类型，save:保存图片到相册， url:回传url,可使用@change接收
check true 是否允许没有图片时点击界面选择图片

event

参数 默认值 说明
@change 点击确定剪裁后接收url时间

组件使用

<hi-img-cut :url="bgImgUrl" @change="cutChange"></hi-img-cut>

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...