• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

uniapp微信小程序canvas绘图插入网络图片不显示

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

网络图片缓存

  在uni中wx可以用uni代替 无区别;

  先把要插入的网络图片缓存(getImageInfo);

let context = uni.createCanvasContext(\'firstCanvas\');  //canvas-id=\'firstCanvas\'
uni.getImageInfo({
      src:https://xxxxxxxx,
      success:res=>{
           console.log(`缓存地址:${res.path}`);     
       context.drawImage(res.path,0,0,100,100);   //插入图片
    },
      fail:res=>{
           console.log(`缓存失败:${res.errMsg}`);     
    } 
})

 

getImageInfo会出现的问题

  downloadFile域名没有配置

    

 

没有域名也可以插

  把不效验合法域名开始就好。

  开启之后手机打开微信小程序调试就可以正差看了。

  

 

生成图片

  安卓会出现生成的图片,乱的问题,使用setTimeout来延时触发解决。

let context = uni.createCanvasContext(\'firstCanvas\');   // canvas-id="firstCanvas"
context.draw(false,function(e){
   setTimeout(()=>{
    uni.canvasToTempFilePath({
     canvasId:\'firstCanvas\',
     success:res=>{
       console.log(`生成的图片:${res.tempFilePath}`);
     }
    })
  },1000);
})

  

  


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap