怎么调成旋转90度然后锁定边框？

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

按照文档的使用，在bindimageload响应函数中调用this.cropper.imgReset()后，图片相对裁剪前和整个屏幕总是下降一小块。

对应工具或者iOS或者Andriod的版本号 无

微信版本号 无

代码截图 无

重现步骤

期待的行为

实际的行为 想要改变整个区域的大小，应该怎样控制

~

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

图片生成类型由于设定是PNG，所以图片生成质量设定是无用的

对应工具或者iOS或者Andriod的版本号
IOS 12.1.2

微信版本号
7.0.3

感谢作者提供这个相当有用的组件。
我发现在IOS上裁剪会有一定几率缺失（不是100%复现，但几率很高），见下图。
我把canvas#image-cropperi显示在左上角了，export_scale也设成1，这样方便对比。

可以看出来，此时canvas右边和下边是有白边，canvas style里的width和height已经改成新值：_canvas_width * export_scale = 300 * 1，但是canvas实际context的大小仍然是默认大小200x200（data里定义的_canvas_width）。

排查后发现，wxml里定义了canvas的宽高 width:{{_canvas_width * export_scale}}，而_canvas_width的值是在attached里定义的，所以我怀疑在IOS上，attached里更改style里的width和height后，canvas context的宽高并未跟着改变，并且attached生命周期和wxml canvas的初始化顺序不是固定的，这可能也解释了bug为何不是必现的。

目前我的修复方案是把wxml里的canvas style改成 width:{{width * export_scale}}px;height:{{height * export_scale}}px，这样canvas在初始化时就等于裁剪框的宽高了，从而避免这个问题，但不知是否有其他影响

_preventTouchMove（）{ }
这个函数是专门放到外部的吗，还是错位了，应该提到里面一层，就不会报错了

我在uni-app中使用了该插件后在手机端预览发现小程序卡死 微信崩溃重启

经常会出现裁剪结果比裁剪区域的图片看上去放大了不少, 裁剪选中的一部分图片没裁进去.

文档中几个位置似乎有些问题
1、
"usingComponents": {
"navigationBarTitleText": "裁剪图片",
"image-cropper": "../image-cropper/image-cropper",
"disableScroll": true,
}
正确应该为：
"navigationBarTitleText": "裁剪图片",
"disableScroll": true,
"usingComponents": {
"image-cropper": "../image-cropper/image-cropper"
}

2、
wxss文件末尾中的@import '../image-cropper/image-cropper.wxss'似乎没有必要。

对应工具或者iOS或者Andriod的版本号

全平台

代码截图

期待的行为

显示的比例如下

实际的行为

实际裁剪效果如下

图片长宽比与原图不一致。

你好，点击中间裁剪容易误触，如何定义按钮裁剪呢？

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

代码也没报错

能把图片上传让渡给开发者自己处理？

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

建议返回裁剪图片的位置矩形，在某些场景下很有用，比如和源图片关联时，谢谢作者的辛苦和分享，非常棒的组件！

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤
大量使用时有部分用户会产生错误：Maximum call stack size exceeded;
触发该错误的方法是”_cutTouchMove“
期待的行为

实际的行为

都报错了

希望：在放大裁剪框的时候当裁剪框触碰图片边缘时停止放大，并且不拖动图片

对应工具或者iOS或者Andriod的版本号
小程序开发工具
期待的行为
如果我的照片是jpg，那么我裁剪过后的照片也是jpg。而不是返回png撒

可以提供一个关闭cropper的方法

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为

ios不能预览

建议加一个撤销的操作

重现步骤

1. 在组件挂载之后，使用this.imageCropper.setCutXY(left, top);修改裁剪框位置{cut_top，cut_left }
2. 触碰界面（Image元素）触发touchend，在回调_end中，最终调用了setCutCenter方法，使原先的裁剪框位置设置失效变回居中效果

期待的行为
增加固定裁剪框参数 fixCropBox

目前解决办法
注释掉image-cropper.js中的_moveStop方法中的居中代码

//停止移动时需要做的操作
    _moveStop() {
      //清空之前的自动居中延迟函数并添加最新的
      clearTimeout(this.data.TIME_CUT_CENTER);
      /* todo 不要居中重置 */
      /* this.data.TIME_CUT_CENTER = setTimeout(() => {
        //动画启动
        if (!this.data._cut_animation) {
          this.setData({
            _cut_animation: true
          });
        }
        this.setCutCenter();
      }, 1000) */
      //清空之前的背景变化延迟函数并添加最新的
      clearTimeout(this.data.TIME_BG);
      this.data.TIME_BG = setTimeout(() => {
        if (this.data._flag_bright) {
          this.setData({
            _flag_bright: false
          });
        }
      }, 2000)
    }

没看明白怎么调用这个插件。

老哥，设置不能旋转和不能移动图片，但是手放上去还是会移动图片

很感谢鹅神做出这样一款小程序裁剪组件，方便好用功能强大。我在使用的时候发现如果在setData里设置图片的宽高，也就是img_width与img_height会导致图片加载的时候出现位移的情况，触摸一下裁剪框就会回到中间，我发现watch方法里没有img_width(value, that)与img_height(value, that)，不知是不是和这个有关。我尝试加了一下，不知有没有问题：

            img_width(value, that) {
                that.data.INIT_IMGWIDTH = value
                that.data.INIT_IMGHEIGHT = that.data.img_height
                that._computeCutSize()
            },
            img_height(value, that) {
                that.data.INIT_IMGWIDTH = that.data.img_width
                that.data.INIT_IMGHEIGHT = value
                that._computeCutSize()
            },

第二个bug是getImg(res)方法获取图片有时候图片会出现拉伸，导致裁剪过多，并不是必现，有时候又正常，不知是不是和我设置img_width与img_height有关。
一个建议：你在输出图片的时候通过

destWidth: this.data.width * this.data.export_scale,
destHeight: Math.round(this.data.height) * this.data.export_scale,

来放大图片，但是这样图片会失真，因为本身的canvas绘制的图片尺寸比较小，这样把小图拉大就会变模糊。于是我尝试在你的canvas下面加一个大尺寸的canvas，跟随你的canvas绘制，在 _draw(callback)方法里最后面加上：

if (callback) {
 let img_width2 = this.data.img_width * this.data.scale * this.data.export_scale
 let img_height2 = this.data.img_height * this.data.scale * this.data.export_scale
 var xpos2 = (this.data._img_left - this.data.cut_left) * this.data.export_scale
 var ypos2 = (this.data._img_top - this.data.cut_top) * this.data.export_scale
 this.data.ctxBig.translate(xpos2, ypos2)
 this.data.ctxBig.rotate((this.data.angle * Math.PI) / 180)
 this.data.ctxBig.drawImage(
  this.data.imgSrc,
  -img_width2 / 2,
  -img_height2 / 2,
  img_width2,
  img_height2
  )
  this.data.ctxBig.draw(false, () => {
    callback()
   })
  }

然后在getImg(getCallback)里wx.canvasToTempFilePath这个大的canvas即可：

wx.canvasToTempFilePath(
 canvasId: 'image-cropper-big',
 fileType: 'png',
 quality: this.data.quality,
 success: res => {
  let src = res.tempFilePath
  wx.getImageInfo({
   src: src,
   success: res => {
   let iw = res.width
   let ih = res.height
   getCallback({
   url: src,
   width: ih,
   height: iw
   })
  }
  })
  }
)

给按钮绑定getImg获取结果图片，提示getCallback is not a function。请问是什么问题

原图50kb 裁剪完后变90多kb，png jpg都试过，这是什么问题？

能不能类似做个橡皮擦的功能

该插件很不错，我是mpvue搭建的项目，不知道咋引用

进入裁剪页面后裁剪框和图片不居中 过一会才会自动居中 但是图片还是会有一部分在裁剪框外面 就是 裁剪框上面会有一部分空白 只有手动移动后 才可以

能帮忙提供npm 导入吗

_cutTouchStart _cutTouchMove

对应工具或者iOS或者Andriod的版本号

微信版本号

代码截图

重现步骤

期待的行为

实际的行为