微信小程序使用html2canvas,微信小程序canvas 2d 引入本地图片并生成分享图

在小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口。该接口符合 HTML Canvas 2D 的标准，实现上采用 GPU 硬件加速，渲染性能相比于现有的 Canvas 接口有一倍左右的提升。

接口用法可参考该代码片段。

本文在此代码片段上做了点调整，来实现引入本地图片并生成分享图

index.wxml

index.js

const app = getApp()

Page({

data: {

},

onLoad: function () {

const query = wx.createSelectorQuery();//如果是在组件中，则改成 this.createSelectorQuery()

query.select('#canvas').fields({

node: true,

rect: true

}, res => {

const canvas = res.node;

const ctx = canvas.getContext('2d');

canvas.width = 500;//本地图像的width

canvas.height = 753;//本地图像的height

this.render(ca