更新记录

1.0.7（2021-02-25）

修复canvas原生组件在不同ios上的兼容问题

1.0.6（2021-02-23）

样式调整

1.0.5（2021-02-23）

重新上传

平台兼容性

下载下来可直接运行，主要是给大家提供一下思路，抛砖引玉，需要优化的可以自行修改，调试时记得把不校验合法域名勾上，或者把贴纸的地址换成自己的合法地址

模板示例

<!-- 高度建议自定义 -->
<!-- selectedFilePath是背景图片path -->
<decals ref="decalsRef" :selectedFilePath="selectedFilePath" height="400"></decals>

js调用示例

            //从网络图片添加mask
            selectMask(mask) {
                this.$refs.decalsRef.selectMask(mask)
            },
            //从本地图片添加mask
            addLocalMask(localPath) {
                this.$refs.decalsRef.addLocalMask(localPath)
            },
            //保存
            save() {
                this.$refs.decalsRef.save()
            },

popup

<view class="op" @click="showPopup()">选择贴纸</view>
<decals-popup ref="decalsPopup" @selectMask="selectMask" @addLocalMask="addLocalMask"></decals-popup>

            showPopup() {
                this.$refs.decalsPopup.show()
            },

支持微信小程序和app

，主要是给大家提供一下思路，抛砖引玉，需要优化的可以自行修改

有什么问题可以留言，一定知无不言

此功能我整合在了一个自己写的小程序里面，有兴趣的可以微信搜索（toopian）或者扫描小程序码体验一下 这是整个小程序插件包地址