1***@qq.com
1***@qq.com
  • 发布:2021-01-05 17:12
  • 更新:2021-01-06 17:06
  • 阅读:959

iphone12 微信浏览器 wxCanvasToTempFilePath 生成图片白屏

分类:uni-app

测试机型:iphone12,ios版本14.2,微信版本7.0.20

问题:安卓canvas图片生成正常,IOS出现白屏

async creatPic(){  
    const ctx = uni.createCanvasContext('shareCanvas');  
    // 绘制背景  
    ctx.setFillStyle('#FFFFFF');  
    ctx.fillRect(0, 0, createRpx2px(600)*4,createRpx2px(857)*4);  

    ctx.setTextAlign('left');  
    ctx.setFillStyle('#333333');  
    ctx.font = '60px Arial';  
    ctx.setTextBaseline('middle');  
    ctx.fillText('测试测试测试测试测试测试测试', 100, 100);   
    ctx.draw();  
       setTimeout(()=>{  
            const wxCanvasToTempFilePath = uni.canvasToTempFilePath;  
        wxCanvasToTempFilePath({  
            x: 0,  
            y: 0,  
            width: createRpx2px(600)*4,  
            height: createRpx2px(857)*4,  
            destWidth: createRpx2px(600)*4,  
            destHeight: createRpx2px(857)*4,  
            canvasId: 'shareCanvas',  
            success: (res) => {  
                this.sharePic = res.tempFilePath;  
                uni.hideLoading();  
            },  
            fail: (res) => {  
                console.log(res);  
                uni.hideLoading();  
                uni.showToast({  
                    title: '生成图片失败',  
                    icon: 'none'  
                })  
            }  
        });  
    },500);  

},
2021-01-05 17:12 负责人:无 分享
已邀请:
深海智行

深海智行 - 专注前端培训

应该是大小超出了,你删除这4行试试
width: createRpx2px(600)4,
height: createRpx2px(857)
4,
destWidth: createRpx2px(600)*4,
destHeight

  • 1***@qq.com (作者)

    删除之后也是白屏的

    2021-01-07 13:54

该问题目前已经被锁定, 无法添加新回复