微信小程序实现表情包编辑

本文介绍如何在微信小程序中实现表情包编辑。通过Canvas绘制图片和文字,然后利用wx.canvasToTempFilePath将编辑后的图片保存或预览。文中提到了三种实现方式,最终选择了通过预览图片来分享,因为直接分享和保存到手机的方法存在一些问题。
摘要由CSDN通过智能技术生成

主要思路是用Canvas来实现表情图片的编辑Canvas,本文中代码上注释部分请注意,有几个关于小程序api的坑

首先在页面加载的时候从后端获取到图片url,并在Canvas上讲该图片绘制上去

当用户在input中输入文字后点击发送按钮,先在Canvas上重新绘制图片和文字,再通过某种方式发送给好友

wxml文件中代码如下(首页跳转过来的的时候会带上图片id,然后在本页面去后端拿图片信息(包括图片url和默认的文字)):

<navigator url="../index/index" hover-class="navigator-hover"></navigator>
<view class="container">
<view class='imgDiv'>
<canvas class="firstCanvas" canvas-id="firstCanvas"></canvas>
<view
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值