我的网络应用程序中有一个非常令人费解的画布工件/错误。
清除画布后,在画布上绘制另一个图像时,先前清除的圆形会重新出现,但只会出现一次。图像已经初始化一次,如下所示:
this.image = new Image();
this.image.src = imageroot + image + '.png';
在调试器中,我在每个图像绘制上中断,发现该形状伪影仅在我第一次绘制该图像时出现。
![Just after first image draw](https://i.stack.imgur.com/Hnk8j.jpg)
![Just after second draw of the same image](https://i.stack.imgur.com/Q7PrQ.jpg)
context.drawImage(this.image, x - width / 2, z - height / 2, width, height);
但它不可能在图像中,并且同一图像的后续绘制只是表明该圆圈确实不在我绘制到画布上的图像中。但我确信它会在调用此函数期间出现。所以它以某种方式从某个地方突然出现。
我想我在某个地方做错了什么,因为这是一种非常奇怪的行为,但我无法找到它,也无法发布数百行代码,所以我想知道什么样的误用/错误行为可能会导致这样的工件出现在这样一个意想不到的上下文中(调用drawImage),这样我至少有一个线索可以追踪这个错误。
记得使用beginPath()
清除所有以前的路径。
当您清除画布时,只需调用此方法,并且下次描边或填充时不会重新渲染以前的路径。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)