更新记录

1.0.10（2023-06-13） 下载此版本

优化浏览器的环境下，裁剪框裁剪时，与滚动的冲突

1.0.9（2023-03-13） 下载此版本

1、canMove：是否可以移动裁剪框（默认true,可以移动）； 2、canScale：是否可以放缩裁剪框（默认true，可以放缩）；

1.0.8（2022-02-18） 下载此版本

1、提高保存图片的质量；2、解决部分安卓、IOS手机图片无法保存的问题；3、新年快乐

平台兼容性

uni-app

其他

组件说明

• 此组件是根据官方组件（hello-uniapp/pages/template/crop/crop.vue）优化而成，组件化；
• 目的是为了方便之后的使用；
• 希望此项目可以给各位老板提供一些思路，或者直接使用；
• 欢迎各位老板评论、收藏，指教；如果有问题会不定时更新；
• 长期更新。

参数说明

使用方法

导入插件

使用 HBuilderX 导入插件

代码使用

<template>
    <view>
        <okingtz-cropper @uploadSuccess="uploadSuccess"></okingtz-cropper>
    </view>
</template>

<script>
  //  1.引入项目
  import OkingtzCropper from '@/uni_modules/okingtz-cropper/components/okingtz-cropper/okingtz-cropper'
  export default {
        components:{
            //2.使用组件
            OkingtzCropper
        },
        methods: {
            // 3.定义自己的回调函数
            uploadSuccess(tempFilePath){
                uni.showToast({
                    title:'保存成功'
                })
                // 4.根据自己的业务场景处理tempFilePath ;接口保存，或者上传至云空间
                console.log('tempFilePath_->',tempFilePath)
            }
        }
    }
</script>