使用ivx画布组件打印微信头像的经验总结

在案例中经常需要实现这样一种功能，我们先获取到用户的微信头像，然后给用户的头像添加一些装饰的图案并制作出一张新的图片，最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面小红旗”这个demo讲一讲这种案例该如何实现。

1.首先搭建一个比较简单的界面，主体是一个画布，在画布里添加两个图片组件，一张用来显示当前用户的头像，另一张小图就是展示小红旗。

还需要添加一个横幅，横幅里面放置一个图片组件用来展示最终合成的图片。这里图片1的素材资源地址与文本变量“打印的图片”进行数据绑定，到时我们直接将合成图片的URL地址赋给这个文本变量即可。要注意的是将图片1的长按保存属性打开，这样在手机中长按才能出现保存图片的界面。


2.然后我们给后台添加一个用户组件，它的作用是发起微信公众号登录，在登录的回调中可以获取当前用户的信息，包括头像昵称等。要注意的是在案例的配置中开启微信公众号的授权，初始获取头像昵称选择“是”，还有填好配置名称（随意填一个即可）。