更新记录

0.0.1（2023-04-12）

自动根据图片宽生成合理的水印文字

平台兼容性

使用方法

    <template>
        <view class="content">
            <image style="width: 100px;height: 100px;" :src="tempFilePath" mode=""></image>
            <u-saveImg @ text='我是水印' @imgs='imgs' ref='saveImg' ></u-saveImg>
        </view>
    </template>

    <script>
        export default {
            data() { 
                return {
                    title: 'Hello',
                    tempFilePath:''
                }
            },
            onLoad() {
                this.$nextTick(()=>{
                    this.$refs.saveImg.startSave(require( '@/static/logo.png'))
                })
            },
            methods: {
                imgs(v){
                    console.log(v)
                    this.tempFilePath = v.tempFilePath
                }
            }
        }
    </script>

    <style>
        .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .logo {
            height: 200rpx;
            width: 200rpx;
            margin-top: 200rpx;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 50rpx;
        }

        .text-area {
            display: flex;
            justify-content: center;
        }

        .title {
            font-size: 36rpx;
            color: #8f8f94;
        }
    </style>