UNPKG

cut-image-upload

Version:

裁剪图片,自定义裁剪比例,矩形,圆形,不支持椭圆形

52 lines (32 loc) 1.04 kB
#########使用说明############ ``` ##图片裁剪插件 ####只测过谷歌浏览器,理论上都行#### ###安装### 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 ```