API中关于wx.canvasGetImageData的疑问

为什么我把canvas先插入一个图片使用的方法是：

ctx.drawImage( ‘/image/benchi.png’, 0, 0, 550, 306, 0, 0, system.screenWidth, 300 );

 ctx.draw();

图片能在canvas正常出现，但是我想使用wx.canvasGetImageData获取data然后使用滤镜效果，但是得到的数据全是0；

代码如下：

wx.canvasGetImageData({

      canvasId: ‘my-canvas’,

      x: 50,

      y: 20,

      width: 50,

      height: 50,

      success( res ){

        console.log( res.data )

      }

    })