以下是获取小程序码代码，其中path为图片路径

                //进行绘制一个直角梯形
                ctx.moveTo(0, 0)
                ctx.lineTo(width+50, 0)
                ctx.lineTo(width+50, height)
                ctx.lineTo(width+50, size)
                ctx.lineTo(0, size+170)
                // ctx.lineTo(0, 10)
                const pattern = ctx.createPattern(path, 'no-repeat');
                // ctx.fillStyle='#ffffff'

                ctx.fillStyle = pattern;  //将图片信息进行填充
                ctx.fill();
                ctx.stroke()
                // ctx.draw();
                ctx.closePath();
                ctx.restore();

返回页面为如下图所以，右边没有填充完整，这应该怎么修改呢：

填充成功后，生成的图片不能填充完整整个宽度，应该怎么设置呢，求帮助