更新记录

1.1.1(2021-02-08)

更新其它平台不兼容问题

1.0.1(2021-01-21)

1.

1.0.0(2021-01-21)

1.新增 (顺时针90°,顺时针180°,逆时针90°)

查看更多

平台兼容性

1.使用概览

兼容情况

ios android 微信小程序 H5 支付宝小程序版 360小程序 快应用 QQ小程序版 字节跳动小程序版 百度小程序版
未知 未知 未知
html
<view class="content">
    <gz-image-rotate ref="gzImageRotate" @success="success"></gz-image-rotate>
    <button @click="fDrawImage">选择图片</button>
</view>

script


    import gzImageRotate from '@/components/gz-image-rotate/gz-image-rotate.vue'
    export default {
        components:{
            gzImageRotate
        },
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {

        },
        methods: {
            success(e){
                console.log('e.tempFilePath', e.tempFilePath)
                // uni.saveImageToPhotosAlbum({
                //  filePath:e.tempFilePath
                // })
            },
            fDrawImage() {
                uni.chooseImage({
                    success: (res) => {
                        res.tempFilePaths[0],
                        this.$refs.gzImageRotate.start(res.tempFilePaths[0], 3)
                    }
                })
            },
        }
    }

style

<style>
    width: 100%;
    height: 80vh;
</style>

2.Methods

方法名 说明 参数
start(tempFilePath, rotate) 开始旋转图片方法 tempFilePath: 图片临时路径; rotate: 角度标记 1:顺时针90°,2:顺时针180°, 3:逆时针90°

2.Events

事件名 说明 形参
success 旋转成功 成功后的对象
fail 旋转失败 - -

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问