小程序一个页面可以使用两个画布吗canvas?
发布于 4 年前 作者 xiaqiang 9086 次浏览 来自 官方Issues

我是先使用一个画布画出了一个模糊底图的效果

但是用这个方法,因为draw使用了false,所以导致了后续放在模糊底图上的其他元素不显示,要么显示了也是会跟着一起模糊,所以我就想着使用两个画布试一试,

先是声明了一个fir保存了之前模糊好的底图,然后把这张底图放在了第二个画布中去画,但是问题来了

第一个画布每次都能正常执行,只有第二个画布在使用时,时好时坏,前一秒还正常是使用,后一面一刷新就不执行了。

两张画布的html

3 回复

canvas生成图片是一个异步的过程。“第二个画布在使用时,时好时坏”,说明那时第一个画布生成图片没完成。你在第二个画布打印`fir`,多执行几次看看是不是`undefined`。把里面涉及到的异步代码改成同步的,建议在第一个画布生产图片完成之后再执行第二个画布的操作

小程序异步执行的结果,可以把第二个画布放到setTimeOut中

是不是你执行顺序的问题

回到顶部