小程序canvas高斯模糊

//以下是小程序html代码
 <canvas canvas-id="canvasIn" class="canvas"></canvas>
 <canvas canvas-id="canvasOut" class="canvas"></canvas>
 <button bindtap="openAndDraw">打开图片并绘制</button>
 <button bindtap="process">处理图像</button>
 <button bindtap="export">导出画布至图片</button>

//以下是小程序css代码
button {
   
  margin-top: 30rpx;
}

canvas {
   
  width: 650px;
  height: 500px;
}

//以下是小程序的js代码
function convertToGrayscale(data) {
   
  let g = 0
  for (let i = 0; i < data.length; i += 4) {
   
    g = (data[i] * 0.3 + data[i+1] * 0.59 + data[i+2] * 0.11)
    data[i] = g
    data[i+1] = g
    data[i+2] = g
  }
  return data
}

Page({
   
  data:{
   
    width:'',
    height:''
  },
  onReady() {
   
  },

  openAndDraw() {
   
    let _this=this
    wx.chooseImage({
   
      success: (res) => {
   
        console.log(res);
        const ctx = wx.createCanvasContext('canvasIn', this);
        wx.getImageInfo(