组件内需要用canvas生成图片，保存到本地

执行第一次操作，成功

再次执行相同操作 wx.canvasToTempFilePath 事件没有任何反应

现在我有多个生成图片按钮，想要多次执行，现在只能执行一次，再操作wx.canvasToTempFilePath完全不执行。

组件内结构

<view class="canvas__box">

<canvas canvas-id="myCanvas" style="width:{{canvasWidth}};height:{{canvasHeight}}" />

</view>

js文件内

/**

 * 创建截图

*/

createPoster: function () {

        const ctx = wx.createCanvasContext('myCanvas', this);

        ctx.setFillStyle('#fcfcfc');

        ctx.fillRect(0, 0, 500, 500);

       ctx.draw();

}

/**

* 生成图片

*/

saveToAlbumn: function () {

    var self = this;

    wx.canvasToTempFilePath({

            canvasId: 'myCanvas',

            quality: 1,

            fileType: 'jpg',

            success: function (res) {

                var tempFilePath = res.tempFilePath;

                wx.saveImageToPhotosAlbum({})

            }

    },this)

}