canvas的坑

189 阅读1分钟

1.画出来的图 不是原图大小 首先一个很重要的点,要对canvas进行width,height样式的设置,设置为图片的宽高, 不然画布的默认大小是300*150 所以画出来的是一直偏大或偏小

这是在小程序的环境,因为rpx和px大概是两倍的大小差,所以需2

     context.drawImage(image,0,0,res.width,res.height,0,0,res.width/2 ,res.height/2,);
                        context.draw(false, function (drawed) {
                            Taro.canvasToTempFilePath({
                                quality,
                                fileType: 'jpg',
                                canvasId: 'picCanvas',
                                success(imgRes) {
                                }, complete(e) {
                                    console.log(e, 821);
                                }

                            })
                        })