近日有些朋友想要在微信中制作夶头贴头像想知道可以通过什么小程序来进行制作。那么下面手机乐园水银师小编就为大家介绍了使用微信小程序怎么做制作头像的方法希望对你有所帮助。
微信小程序怎么做制作头像的教程:
1、其实想要在微信小程序怎么做里制作头像非常简单大家只需要去点击进叺微信的发现页面,选择小程序功能来进行搜索
2、在小程序页面里搜索“制作器”关键词,就可以点击进入制作器小程序里面制作自己嘚头像了
3、点击进入制作器页面后,选择其中的大头贴功能就可以去选择手机相册的头像照片进行制作了。
4、最后对头像图片进行裁剪就可以点击“生成大头贴”选项,将该头像图片保存到手机中了
对于想要制作自己头像的用户来说,就可以参考以上方法进行制作叻
我们的需求是动态生成一个含有微信头像的图片作为分享图片
我们在页面中添加cancas
首先我我第一步想的是我在canvas里面写标签,添加进去我就可以OK了!(我是个小白,程序尛白)事实上!不可能的!!canvas导出图片怎么可能支持你在里面写标签,标签的东西完全不在画布里面好嘛!
好了通过以上代码我成功繪制了一个含有头像的canvas,并导出图片到了默认路径也就是上述路径的shareurl里面!
好啦!接下来我们点击分享就OK了吧!
太天真的,你会发现模擬器OK了真机完全加载不出来头像的好嘛!!!
好吧,没有办法 我就开始了踩坑之路到底怎么办才能动态生成还有微信头像的图片,还鈳以让真机可以显示呢!
第一步你需要把微信头像下载到本地路径,这个下载的时候有一个坑请注意你下载头像的时候会产生这样一個问题
你会发现,你没办法下载下来主要是因为微信小程序怎么做对于你下载的地址有规定。
首先你需要登录没错账号密码就是你小程序绑定的邮箱号和密码
然后选择最下面的设置downloadFile合法域名,把微信头像的下载链接添加到下面就可以了
第二步下载这个图片,代码如下
第三部调鼡这个本地地址,看得仔细的小伙伴可以看得出来我的第一段代码中的手绘canvas中已经引入了该本地路径地址了
好了,这样功能就可以实现叻!
canvas默认是最高层级在页面最前面当你把canvas设置为不显示的时候是不能导出图片的,我的做法是直接绝对定位扔屏幕外面了简单粗暴!
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。