微信小程序-使用canvas生成含有微信头像的图片并分享

最新推荐文章于 2024-09-19 16:39:47 发布

技术小白4am粉丝

最新推荐文章于 2024-09-19 16:39:47 发布

阅读量1.2w

点赞数 3

文章标签：微信小程序 JS canvas 导出图片

本文链接：https://blog.csdn.net/qq_36196886/article/details/81146998

版权

本文介绍如何在微信小程序中利用canvas动态生成含有微信头像的分享图片，并解决真机上头像无法显示的问题。关键步骤包括下载微信头像到本地，设置downloadFile合法域名，以及调整canvas的显示策略。

摘要由CSDN通过智能技术生成

我们的需求是动态生成一个含有微信头像的图片作为分享图片。

我们在页面中添加cancas

<view style='position:absolute;left:400rpx;'><canvas  canvas-id='ttcanvas' style='height:240px;width:320px;position:absolute;left:400rpx;'>
   <!-- <view class='colorpic'>
      <view class='pictit'><image src='{
  {scanConfig.userInfo.avatar}}'></image></view>
      <view class='picblock'><image src='../images/ttshare.png'></image><text>{
  {gameConfig.myScore}}</text></view>
      <view  class='pictext'><image src='../images/qiubai.png'></image></view>
    </view>   -->
  </canvas></view>

首先我我第一步想的是我在canvas里面写标签，添加进去，我就可以OK了！（我是个小白，程序小白&#