我的技术框架:react,如若不采用堵塞方式,即,
const myimg = await loadImage(icon28)
ctx.drawImage(myimg,0,0, 100, 100)
 
而用.then(),如下,
 
loadImage(icon28).then((image) => {
    ctx.drawImage(image,0,0, 100, 100)
})

 

 
在then里写ctx. drawImage在图上会显示不了,原因是我用了以下的图片展示方式:
 const be64 = canvas.toDataURL('image/png')
        this.setState({
            be64
        })
 
其中,be64赋值给一个<img />标签,当你异步图片加载完后,虽然你画在画布上是有图片的,但是由于没有再次触发 this.setState ,因此,canvas的内容没有第二次渲染到页面上。要是使用堵塞后,在 加载之前都没有进行setState,因此就不会有问题

相关文章:

  • 2021-10-22
  • 2021-05-28
  • 2021-07-14
  • 2022-12-23
  • 2022-12-23
  • 2021-10-24
  • 2021-05-11
  • 2021-12-17
猜你喜欢
  • 2022-12-23
  • 2021-11-29
  • 2022-02-19
  • 2022-12-23
  • 2022-12-23
  • 2021-07-01
  • 2021-11-03
相关资源
相似解决方案