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

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-
context.draw(false,function(e){
   setTimeout(()=>{
    uni.canvasToTempFilePath({
     canvasId:'firstCanvas',
     success:res=>{
       console.log(`生成的图片:${res.tempFilePath}`);
     }
    })
  },1000);
})

  

  


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
小程序onclick的写法?发布时间:2022-07-18
下一篇:
微信小程序weui使用方法发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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