海洋_2023
海洋_2023
  • 发布:2023-12-04 11:50
  • 更新:2023-12-27 18:00
  • 阅读:1440

uni-app 微信小程序 canvas 组件 type='2d'不能正常显示

分类:uni-app

uni-app 微信小程序 canvas 组件 type='2d'不能正常显示,不使用type='2d'属性,正常,模拟器真机环境问题相同,type='2d' 也以拿到context 信息,但不能正常工作,无任何错误信息,就是不显示,是否有人遇到此问题,如何解决,烦请告知谢谢。 另,页面代码均使用uni-app 方式,未采用微信社区示例代码

`const drawImage=()=>{
//context 在组件加载完成事件获取
//ctx = uni.createCanvasContext('xCanvas',instant)

nextTick(()=>{  
    if(!openflag){  
        setTimeout(()=>{},200)  
    }  
    uni.getImageInfo({  
        src:billsrc.value,  
        success: (res)=>{  
             ctx.drawImage(res.path,0,0,width,300)  
             ctx.draw()  
             drawRect(res.width,res.height,width)  
             //console.log("res",ctx)  
        },  
        fail: (err) => {  
            console.log("feeinvoice_drawImage_error",err)  
        }  
    })  
})  

}
`

2023-12-04 11:50 负责人:无 分享
已邀请:
海洋_2023

海洋_2023 (作者)

已解决,未采用微信新版代码,变通处理,不使用type='2d'标签,画图完成后导出图片,用image标签显示,解决canvas层级问题,不过官方应认真修改API,不应要求用户去自行处理,否则就失去了产品价值

DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,微信新版和旧版 canvas 带来的影响,目前首先在文档中进行补充和提示,后续横向对比各家 canvas 组件后给出最终结论。

要回复问题请先登录注册