{"_id":"@antzy/image-cropper","_rev":"1-5ab14ef3d7a19256f90cb32bda559231","name":"@antzy/image-cropper","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.0":{"name":"@antzy/image-cropper","version":"0.0.0","description":"一款高性能的小程序图片裁剪插件，支持旋转","main":"src/image-cropper.js","publishConfig":{"access":"public"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/AntzyMo/image-cropper.git"},"keywords":[],"author":"","license":"ISC","bugs":{"url":"https://github.com/AntzyMo/image-cropper/issues"},"homepage":"https://github.com/AntzyMo/image-cropper#readme","gitHead":"d8f9e601f288e507c195d2da486fd16afb067f4a","_id":"@antzy/image-cropper@0.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-xnAJDF6e0mBnACKWR0Ejcd/7z83nXKbieQhPzGmPhmpoYBBU5cfywUTGxjG/iGZLRI5eucIKjPj/6roykNRYxw==","shasum":"f496fdede05a8fe57fb1de4bf0d0965d0b1e833b","tarball":"https://registry.npmjs.org/@antzy/image-cropper/-/image-cropper-0.0.0.tgz","fileCount":7,"unpackedSize":61100,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFbjx/gSsp7G4ce2Rrr5aavgTYHewlTs2aGDnOVSJUU+AiEA+EiJF2cmNKr4TGM2mmkdnT1uqDJoFsfW37fY8KlRlfg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7H+7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFMw/5AUeIL17PJy5bc5G5C3M8M7waYO0YnzdNIWHwDkhGBHtlRMnS\r\ngu4V6BNC9Buksm69UTu9iWY1r945izcHJEwS0VqNJlHXR3jO4p61kYmC0MNo\r\nedU38x9PciWAyHieBESL1IgqmIQT6xXwOJaH2tYi37ZFgqCO0wg/BDSDFVWo\r\nq6FmV7iPbuKm4tQdtkKNPQGCVrZrgQeESPpAZoIctkGOSJXJ4BiIsLkRqby7\r\ngjgydI/LDtirrYwoRkH4caaHIrhwZeU+DoSQmW17YGTGheaty/rR7+17PV4B\r\n1M/y8c/rAa4ngpHzYxezoIPZgnx4/aFS7gB/IINC3uRXJ6GeZOYJDNLR0fcI\r\nf1creWZgp02LeW0w19Ru32p5sIWETkQsgfwwEew/BtxfhNjWsb3C0n3z1uqy\r\nlY/kXueKZAn1x/PhFDgzqJeEWoukgTyuw7QY0FiJULO2nHQnsLhoA8pTDCZn\r\nyf1ZdH/hYTiX7T+4W/1r3UYxn0Y4N9UJVDcyzOC9XoZICNtxgyPstE8vDD8j\r\nc5HHlo3Ns6gs+L1R4jF5VpGHZsa/hqkATYRrcFWAAMATQtubM+PvDtTdkX6t\r\ngyhKyVbZaI3H2WEXuMyrhOcBobW6klZ9VTfdYMCT+9lhvUtVmaReato9P9dg\r\nu4M4BM/bGygQPaEXA4ZD3GC+WcrPJ4FZcZE=\r\n=oSY9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"antzymo","email":"mozbano@163.com"},"directories":{},"maintainers":[{"name":"antzymo","email":"mozbano@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-cropper_0.0.0_1659666363704_0.5489889690818046"},"_hasShrinkwrap":false},"0.0.1":{"name":"@antzy/image-cropper","version":"0.0.1","description":"一款高性能的小程序图片裁剪插件，支持旋转","main":"src/image-cropper.js","miniprogram":"src","publishConfig":{"access":"public"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/AntzyMo/image-cropper.git"},"keywords":[],"author":"","license":"ISC","bugs":{"url":"https://github.com/AntzyMo/image-cropper/issues"},"homepage":"https://github.com/AntzyMo/image-cropper#readme","gitHead":"d8f9e601f288e507c195d2da486fd16afb067f4a","_id":"@antzy/image-cropper@0.0.1","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-08ZBQi/10dVG98iiaJg2k5gN9R3AvRFSLgWKkdPYU+DP14QpUNrCoCTUVAgGMJ2qlzzzDIFm0adHgcnxNpEFvg==","shasum":"5eec90e91419473c384fe2c78523a173a073fc4c","tarball":"https://registry.npmjs.org/@antzy/image-cropper/-/image-cropper-0.0.1.tgz","fileCount":7,"unpackedSize":61195,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/450c0P3fFUpO5yjBTQqo4c/FjR0V2qv1AP8xAij18gIgGPewncUZvVU6thEL8NUECftXIWLtffUA8G81KkJX+nc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7IRkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/aQ/8D4Un4SvNpTqPnnWZb0CZ8cU0y2hLKOQWKyeGAyp1I0Yv+/Lm\r\neCCuZkXKo41EMbtoQmsrEbc0IBdyBJS531/LkZRRkbmUB6R+Z5nkdjnWmjDC\r\nwrxpA+QC9bI9zv75UY5zxmLXaUUeIQ2dESLa6LkFg11gLQAL0bgFl+snzkQp\r\nvbD5Fq1R5b/M9kAOXt0VbhogbsKs+qYMmIp3aVxSAzPgzrCnnrDkx3LVcwUH\r\nKiEbRCDnMt/vd/Mw68vW4Sz3x/vgT2n0cZp02Ih/8w44UzuqPh2YgMqvqGuT\r\nTiuJ5pCJZ5dD0RjiKmhF+IXwQunfMOaPYvDHtzrZB4Bf5UTHFqb7Y3yKcl3h\r\nti2d7JCqM0xf5bqraUSrY89yyaGgaFRYxfTon/2kD2maQY/p50b43vcEkVkq\r\nSpmpvIPWzE6le8W6CDGB29vVSiPr0Bi6+4iLoC/xklcIPmcuPueP+cZWW2VH\r\nDdfIbWTnXtO3m300+qaznzEXkkIdD6KBTs42hrToXIq+y0bnVjoFcP4yH3jV\r\n6yjKr9OfhN4297ua74AGUZqQXeI5qih4yrK/lS5wj5VF56qEEMeteiyQsCjN\r\nZRs5ge/Qq8WFCEw1qlpvdqH/kQcZ3A7KHPn1cTwQI5rYtsCg6vbfDZK9GYUF\r\n26ng+4GERN/Uq3HnvyxF4i2kpnrhSmWFwE4=\r\n=vF8f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"antzymo","email":"mozbano@163.com"},"directories":{},"maintainers":[{"name":"antzymo","email":"mozbano@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-cropper_0.0.1_1659667555891_0.5929291425491328"},"_hasShrinkwrap":false}},"time":{"created":"2022-08-05T02:26:03.655Z","0.0.0":"2022-08-05T02:26:03.862Z","modified":"2022-08-05T02:45:56.368Z","0.0.1":"2022-08-05T02:45:56.297Z"},"maintainers":[{"name":"antzymo","email":"mozbano@163.com"}],"description":"一款高性能的小程序图片裁剪插件，支持旋转","homepage":"https://github.com/AntzyMo/image-cropper#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/AntzyMo/image-cropper.git"},"bugs":{"url":"https://github.com/AntzyMo/image-cropper/issues"},"license":"ISC","readme":"# image-cropper\nfork https://github.com/1977474741/image-cropper.git 上传到`npm`\n## 一款高性能的小程序图片裁剪插件，支持旋转。\n###### `1.功能强大。`\n###### `2.性能超高超流畅，大图毫无卡顿感。`\n###### `3.组件化，使用简单。`\n###### `4.点击中间窗口实时查看裁剪结果。`\n体验Demo
\n\n\n## 初始准备\n#### 1.json文件中添加image-cropper\n```json\n \"usingComponents\": {\n \"image-cropper\":\"@antzy/image-cropper/image-cropper\"\n },\n \"navigationBarTitleText\": \"裁剪图片\",\n \"disableScroll\": true\n```\n#### 2.wxml文件\n```html\n\n```\n#### 3.简单示例\n```javascript\n Page({\n data: {\n src:'',\n width:250,//宽度\n height: 250,//高度\n },\n onLoad: function (options) {\n\t //获取到image-cropper实例\n this.cropper = this.selectComponent(\"#image-cropper\");\n //开始裁剪\n this.setData({\n src:\"https://raw.githubusercontent.com/1977474741/image-cropper/dev/image/code.jpg\",\n });\n wx.showLoading({\n title: '加载中'\n })\n },\n cropperload(e){\n console.log(\"cropper初始化完成\");\n },\n loadimage(e){\n console.log(\"图片加载完成\",e.detail);\n wx.hideLoading();\n //重置图片角度、缩放、位置\n this.cropper.imgReset();\n },\n clickcut(e) {\n console.log(e.detail);\n //点击裁剪框阅览图片\n wx.previewImage({\n current: e.detail.url, // 当前显示图片的http链接\n urls: [e.detail.url] // 需要预览的图片http链接列表\n })\n },\n })\n```\n## 参数说明（高亮属性表示对于上个版本有修改，请注意）\n| 属性 | 类型 | 缺省值 | 取值 | 描述 | 必填 |\n| ------------- |:------:|:------:|:-----:|:-----:|:-----:|\n| imgSrc \t| String | 无\t |无限制|图片地址(如果是网络图片需配置安全域名)|否|\n| disable_rotate| Boolean| false |true/false|禁止用户旋转(为false时建议同时设置limit_move为false)|否|\n| limit_move\t| Boolean| false |true/false|限制图片移动范围(裁剪框始终在图片内)(为true时建议同时设置disable_rotate为true)|否|\n| width \t| Number | 200 |超过屏幕宽度自动转为屏幕宽度|裁剪框宽度|否|\n| height | Number | 200 |超过屏幕高度自动转为屏幕高度|裁剪框高度|否|\n| max_width \t| Number | 300 |裁剪框最大宽度|裁剪框最大宽度|否|\n| max_height | Number | 300 |裁剪框最大高度|裁剪框最大高度|否|\n| min_width \t| Number | 100 |裁剪框最小宽度|裁剪框最小宽度|否|\n| min_height | Number | 100 |裁剪框最小高度|裁剪框最小高度|否|\n| disable_width \t| Boolean | false |true/false|锁定裁剪框宽度|否|\n| disable_height | Boolean | false |true/false|锁定裁剪框高度|否|\n| disable_ratio | Boolean | false |true/false|锁定裁剪框比例|否|\n| export_scale | Number | 3 |无限制|输出图片的比例(相对于裁剪框尺寸)|否|\n| quality \t| Number | 1 |0-1|生成的图片质量|否|\n| ~~cut_top~~ \t| Number | 居中 |始终在屏幕内 |裁剪框上边距|否|\n| ~~cut_left~~ \t| Number | 居中 |始终在屏幕内 |裁剪框左边距|否|\n| `img_width` \t| Number | 宽高都不设置，最小边填满裁剪框 |支持%(不加单位为px)(只设置宽度，高度自适应)|图片宽度|否|\n| `img_height` \t| Number | 宽高都不设置，最小边填满裁剪框 |支持%(不加单位为px)(只设置高度，宽度自适应)|图片高度|否|\n| scale \t| Number | 1\t |无限制|图片的缩放比|否|\n| angle \t| Number | 0\t |(limit_move=true时angle=n*90)|图片的旋转角度|否|\n| min_scale \t| Number | 0.5\t |无限制|图片的最小缩放比|否|\n| max_scale \t| Number | 2\t |无限制|图片的最大缩放比|否|\n| bindload \t| Function | null |函数名称|cropper初始化完成|否|\n| bindimageload | Function | null |函数名称|图片加载完成,返回值Object{width,height,path,type等}|否|\n| bindtapcut \t| Function | null |函数名称|点击中间裁剪框,返回值Object{src,width,height}|否|\n## 函数说明\n| 函数名 | 参数 \t | 返回值 |描述|参数必填|\n| ------------- |:------:\t |:------:|:------:|:------:|\n| upload \t| 无 \t | 无 |调起wx上传图片接口并开始剪裁|否|\n| pushImg | src \t | 无 |放入图片开始裁剪|是|\n| getImg |Function(回调函数) | `Object{url,width,height}` |裁剪并获取图片(图片尺寸 = 图片宽高 * export_scale)|是|\n| ~~setCutXY~~ \t| X、Y \t | 无 |设置裁剪框位置|是|\n| setCutSize | width、height | 无 |设置裁剪框大小|是|\n| setCutCenter | 无 \t \t | 无 |设置裁剪框居中|否|\n| setScale | scale \t | 无 |设置图片缩放比例（不受min_scale、max_scale影响）|是|\n| setAngle | deg \t | 无 |设置图片旋转角度（带过渡效果）|是|\n| setTransform |{x,y,angle,scale,cutX,cutY}| 无 |图片在原有基础上的变化(scale受min_scale、max_scale影响)|根据需要传参|\n| imgReset |无\t | 无 |重置图片的角度、缩放、位置(可以在onloadImage回调里使用)|否|\n\nDemo地址：https://github.com/wx-plugin/image-cropper-demo\n\n[点击导入代码片段](https://developers.weixin.qq.com/s/Z1VsB9mG7Cpm)\n\n如果有什么好的建议欢迎提issues或者提pr\n\n## 进群 | 鼓励作者\n\n![](\"https://pubser-res.zhenai.com/other/temp/202103/19/19084532315057.png\"/)
![](\"https://pubser-res.zhenai.com/other/temp/202006/27/15321042129368.jpg\"/)
\n","readmeFilename":"README.md"}![](\"https://pubser-res.zhenai.com/other/temp/202006/19/12085876945182.jpg\"/)