微信小程序Canvas画图片，合成图片，微信头像合成,变更国庆头像，头像增加背景

Ocean_Point

已于 2022-10-12 15:28:26 修改

阅读量1.8k

点赞数

文章标签：微信小程序微信小程序

于 2022-10-10 10:44:39 首次发布

本文链接：https://blog.csdn.net/qq_33447462/article/details/127238839

版权

官方文档显示， createCanvasContext 接口停止维护，使用Canvas代替了。

紧接着，文档上面很多API都停止维护。

最直接的，draw方法，一用就会报错，提示没有这个方法。那么我们如何在一个画布，画东西呢。下面就是代码。

wxml

// wxml

<view style="margin-left:20px;border: 2px solid rgba(0,0,0,0.05);">
  <canvas id="shareImg" style="width:150px;height:150px" type="2d"></canvas>
</view>

js

// 初始化画布 
 initCanvas(){
    // 通过 wx.createSelectorQuery()方法创建
    const query = wx.createSelectorQuery()
    query.select('#shareImg') // canvas id
      .fields({ node: true, siz