更新记录
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)或者扫描小程序码体验一下 这是整个小程序插件包地址