我需要清除画布中图像上绘制的矩形,而不损坏现有图像。我可以绘制小矩形点并将其清除。但问题是,当我清除矩形时,它在图像上仍保留为白色小斑点。
有人可以告诉我如何清除图像上的矩形而不损坏现有图像。
我使用了以下方法来清除矩形,但没有用。
1) context.fillStyle ="white";
2) context.clearRect(xCoordinate, yCoordinate, 10, 08);
提前致谢!
画布不是这样工作的。它是一个单层,默认情况下也是透明的。因此,考虑到这一点,您也许可以通过简单地为画布元素提供 CSS 背景来实现您想要的效果。这样,您在背景上绘制的任何内容都可以轻松删除,并且背景将显示出来。
#backed-canvas{
background-image: url(http://www.placebear.com/300/200);
}
JSFiddle 示例:https://jsfiddle.net/yLf5erut/ https://jsfiddle.net/yLf5erut/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)