sunnyqjm/taro-cropper

Taro框架下的跨端图片裁剪组件，目前支持微信小程序端，QQ小程序端, 支付宝小程序端, 字节跳动小程序端, 百度小程序端和H5端

taro-cropper's Issues

图片裁剪完成后，页面无法滚动

在百度小程序上 被裁减图片 放大好多

后续考虑加旋转功能吗

文档写错了呀，不改改吗

全屏模式下Android高度出现问题

全屏模式下Android高度出现问题，导致取消和确定按钮的定位存在问题，会看不见取消和确定

没有 取消 方法吗

图片大拖拽会卡顿

我用Taro.chooseImage({
sizeType: ['original']})，使用original模式，然后把图片链接传给TaroCropper。
这时候在拖拽图片的时候会卡顿。如果使用compressed模式就正常。
应该是图片大小导致拖拽卡顿的。

模拟器上二次上传不显示图片

第一次裁剪之后，再次上传新图直接黑了 应该是没画到 canvas 上

传入高度和宽度自适应问题

描述：顶部和底部的显示是固定的，中间空白的地方放入这个taro-cropper组件，通过select('#id).boundingClientRect()，获取要填充部分的宽高，将此宽高可是传入taro-cropper之后，taro-cropper占据的位置比预测的小很多，请问这个自适应怎么处理，谢谢！

ios 微信小程序 滑动很卡

测试机型：iphone7 plus
运行系统：IOS 10.3.2
微信版本：7.0.5
基础库版本：2.8.1[282]

hideFinishText

src必须为base64格式吗？

安卓手机上图片导出体积较大，原因为未设置图片格式和质量

小程序默认导出为png，但是jpg其实比png小很多。再说图片质量，0.8和1，也能差1倍大小。

截图：https://n1image.hjfile.cn/res7/2020/02/15/e09eb0e716500c9039052f2361deabef.png

我自己改为如下代码

Taro.canvasToTempFilePath({
        canvasId: cropperCutCanvasId,
        x: 0,
        y: 0,
        width: this.cropperWidth - 2,
        height: this.cropperHeight - 2,
        destWidth: this.cropperWidth * this.systemInfo.pixelRatio,
        destHeight: this.cropperHeight * this.systemInfo.pixelRatio,
        fileType: 'jpg',
        quality: isAndroid() ? 0.8 : 1,
})

hideFinishText传入boolean值为true,自带的完成按钮依然存在

hideFinishText传入boolean值为true,自带的完成按钮依然存在

支付宝小程序中挪动图片，图片会闪烁，放大缩小同样会。

支付宝版本：10.1.95
测试机：iphone Xs Max
代码：

<TaroCropper
height={600}
fullScreen
src={src}
cropperWidth={400}
cropperHeight={400}
ref={this.catTaroCropper}
onCut={this.handleCutImg}
hideCancelText={false}
quality={1}
onCancel={() => {
Taro.showToast({
icon: 'none',
title: '点击取消'
})
}}
/>

百度小程序 被裁剪的图片会被放大 无法裁剪

百度小程序 被裁剪的图片会被放大 无法裁剪

微信小程序端打包，base.wxml中出现大量未使用到的组件

通过npm引入，import TaroCropper from 'taro-cropper',微信小程序编译后，/base.wxml中出现大量未使用到的组件，如<live-puhser>等音视频录制的组件

开发环境：taro3.6.5, react

小程序Audits 发现6个废弃api

使用即将废弃或已废弃接口，可能导致小程序运行不正常。一般而言，接口不会立即去掉，但保险起见，建议不要使用，避免后续小程序突然运行异常。

taro-cropper：version 1.0.9
微信开发者工具版本：1.02.1911180
调试基础库: 2.9.4

能弄个vue版本吗？

3.0编译报错 (已经使用了taro-cropper@react)

taro版本 3.0.14
基础库 2.14.0
使用 taro-cropper@react 版本之后仍然编译报错, 这是我本地少了什么东西吗
./node_modules/_taro-cropper@1.2.4@taro-cropper/dist/weapp/components/taro-cropper/index.tsx
Module build failed (from ./node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js):
SyntaxError: /Users/zhuowenhao/Desktop/zjcj/weapp/node_modules/_taro-cropper@1.2.4@taro-cropper/dist/weapp/components/taro-cropper/index.tsx: Unexpected reserved word 'interface' (10:0)

npm install --save taro-cropper

安装报错了~

Maximum call stack size exceeded

taro 3.0 不同裁剪宽度 裁剪的图片边缘会留白 或者 会比图片裁剪的范围小

比如 cropperWidth 设置500 展示的图片比绿框里的小 cropperWidth 设置400 图片会有白边

请问不通过自带的完成按钮，怎么调取onCut

请问不通过自带的完成按钮，怎么调取onCut

裁剪后的图片可以自定义地址吗

裁剪的图片是放在了本地吗，怎样能拿到裁剪图片的文件流？

hideFinishText无效

hideFinishText无效

iphone xs max 打开不能滚动页面

基于windowHeight计算的全屏组件高度有问题

《小程序 wx.getSystemInfoSync 获取 windowHeight 不准确的问题》：https://blog.csdn.net/weixin_42661321/article/details/82180496
这篇文章上说，getSystemInfoSync是不准确的。
在我的实测中发现，当小程序存在tabBar时，隐藏小程序再让小程序出现，出发pageShow后的小程序高度就错误了。
建议，使用css自动计算出页面高度

Trao3中编译报错，望修复，谢谢

裁剪图片后，图片像素变低了，模糊

裁剪图片后，图片像素变低了，模糊

taro3.1.0更新到3.2.0报错

🙅 编译失败. 2022/8/22 下午1:47:51

./node_modules/taro-cropper/dist/weapp/components/taro-cropper/index.tsx
Module build failed (from ./node_modules/@tarojs/mini-runner/node_modules/babel-loader/lib/index.js):
SyntaxError: E:\project\deepexi-dm-mobile1\node_modules\taro-cropper\dist\weapp\components\taro-cropper\index.tsx: Unexpected reserved word 'interface'. (10:0)

8 |
9 |

10 | interface TaroCropperComponentProps {
| ^
11 | cropperCanvasId: string, // 画布id
12 | cropperCutCanvasId: string, // 用于裁剪的canvas id
13 | width: number, // 组件宽度

监听文件修改中...
9 |

10 | interface TaroCropperComponentProps {
| ^
11 | cropperCanvasId: string, // 画布id 12 | cropperCutCanvasId: string, // 用于裁剪的canvas id
13 | width: number, // 组件宽度

(node:27628) UnhandledPromiseRejectionWarning: [object Array]
(Use node --trace-warnings ... to show where the warning was created)
(node:27628) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 5)
(node:27628) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

taro版本3.X taro-cropper@react TaroCropperComponent报错