更新记录

1.1.13（2023-10-26）

优化图片初始化逻辑 修护已知bug

1.1.12（2023-06-27）

修护vue3小程序下报错的bug

1.1.11（2023-05-29）

修护了在vue3下报错的bug

平台兼容性

ksp-cropper

高性能图片裁剪工具

属性说明

mode有效值

事件说明

示例

<template>
<view>
    <button @click="select">选择图片</button>
    <image mode="widthFix" :src="path"/>
    <ksp-cropper mode="free" :width="200" :height="140" :maxWidth="1024" :maxHeight="1024" :url="url" @cancel="oncancel" @ok="onok"></ksp-cropper>
</view>
</template>

<script>
    export default {
        data() {
            return {
                url: "",
                path: ""
            }
        },
        onLoad() {
        },
        methods: {
            select() {
                uni.chooseImage({
                    count: 1,
                    success: (rst) => {
                        // 设置url的值，显示控件
                        this.url = rst.tempFilePaths[0];
                    }
                });
            },
            onok(ev) {
                this.url = "";
                this.path = ev.path;
            },
            oncancel() {
                // url设置为空，隐藏控件
                this.url = "";
            }
        }
    }
</script>

注意

1.微信小程序从基础库 2.21.0 开始， wx.chooseImage 停止维护，请使用 uni.chooseMedia 代替。
2.微信小程序真机调试会报错，但正常运行是不会有问题的。
3.uni-app版本不断更新，插件有时无法适应新版本，感谢大家及时提交bug，但希望大家手下留情，不要轻易给差评。