cut-image-upload
Version:
裁剪图片,自定义裁剪比例,矩形,圆形,不支持椭圆形
52 lines (32 loc) • 1.04 kB
Markdown
#########使用说明############
```
##图片裁剪插件
####只测过谷歌浏览器,理论上都行####
###安装###
npm i cut-image-upload
```
###测试 test.html 服务启动(live server)###;
###########方法引入###########
```
import { initCutImg, getImg } from "cut-image-upload";
```
#########节点,必须设置 ID,唯一;######
```
<div id="test"></div>
```
############初始化 dom 执行,参数 ID 必填#########
```
initCutImg("test");
```
###可设置裁剪区域,第二参数位宽,第三参数位高,不设为默认 200。默认裁剪矩形###
```
initCutImg("test", 200, 200);
```
###裁剪圆形,第二参数位宽,第三参数位高,第四参数类型,都必须填写。###
```
initCutImg("test", 200, 200, "circle");
```
###需同步调用方法,获得裁剪区域图片的 base64,参数 ID 必填。未上传图片,则返回 null。###
```
let base64 =await getImg("test");//父级函数方法记得加上async
```