更新记录

1.0.0（2021-10-20） 下载此版本

1.0.0（2021/10/20） 初版

平台兼容性

组件说明

• 图片头像剪切缩放返回临时文件地址，选择图片/上传图片自行处理。组件适合小程序，以rpx为单位。移动图片有时候会不顺畅，后续优化，如有小伙伴帮忙解决了这个问题，请不吝帮忙完善；
• 小程序view不支付双指监控，缩放采用slider组件
• 希望可以共同完美这个组件；
• 欢迎各位老板评论、收藏，指教；不定时更新；
• 长期更新。

参数说明

使用方法

导入插件

使用 HBuilderX 导入插件

代码使用

<template>
    <view>
        <cut-component @callback="callback" ref="cut"></cut-component>
    </view>
</template>

<script>
  //  1.引入项目  pages.json文件  easycom.autoscan 配置true时，这步可以省略，有兴趣的小伙伴自行研究
  import cut from '@/uni_modules/components/cut-component/cut-component'
  export default {
        components:{
            //2.使用组件 pages.json文件  easycom.autoscan 配置true时，这步可以省略，有兴趣的小伙伴自行研究
            cut
        },
        methods: {
            // 3.选择图片
            puls(){
                uni.chooseImage({
                    count: 1,
                    success: (res) => {
                        // this.$refs.cut.originSrc = res.tempFilePaths[0];
                        // this.$refs.cut.boxWidth = 300;
                        // this.$refs.cut.boxHeight = 300;
                        this.$refs.cut.show({
                            originSrc: res.tempFilePaths[0],
                            boxWidth: 300,
                            boxHeight: 300,
                        });
                    },
                })
            }
        }
    }
</script>