更新记录

1.0.9（2023-06-08） 下载此版本

增加预览二维码

1.0.8（2023-05-31） 下载此版本

增加license

1.0.7（2023-05-29） 下载此版本

优化单独配置边框逻辑

平台兼容性

uni-app

liu-picture-composition适用于uni-app项目的canvas图片合成组件

本组件目前兼容微信小程序、H5

本组件是canvas图片合成组件，自由上传需要合成的图片，支持自定义图片大小、圆角、边框样式、边框颜色等，一键合成好看的头像

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<view @click="compositionUrl">一键合成照片</view>
<liu-picture-composition ref="picRef" :bgUrl="bgUrl" :photoUrl="photoUrl" @change="change"></liu-picture-composition>

<script>
    export default {
        data() {
            return {
                bgUrl: '',//背景图片
                photoUrl: '',//头像图片
            }
        },

        methods: {
            compositionUrl() {
                this.$nextTick(res => {
                    this.$refs.picRef.getNewUrl()
                })
            },
            change(e) {
                console.log('合成的图片地址:', e)
            },
        }
    }
</script>

属性说明