javascript-如何清除画布中图像上的矩形

我需要清除在“画布”中的“图像”上绘制的矩形,而不会损坏现有图像.我可以画出小的矩形点并将其清除.但是问题是当我清除矩形时,它在图像上仍然是白色的小块.

有人可以告诉我如何在不损坏现有图像的情况下清除图像上的矩形.

我已经使用以下方法清除矩形,但是没有用.

1)context.fillStyle =“白色”;

2)context.clearRect(xCoordinate,yCoordinate,10,08);

提前致谢！

解决方法:

画布不能那样工作.它是一个单层,默认情况下也是透明的.因此,考虑到这一点,您可以通过简单地为canvas元素提供CSS背景来实现所需的功能.这样,您可以轻松删除在该背景上绘制的所有内容,并且背景将显示出来.

#backed-canvas{
    background-image: url(http://www.placebear.com/300/200);
}

JSF中间示例：https://jsfiddle.net/yLf5erut/

标签：html5,html5-canvas,html,javascript,jquery
来源： https://codeday.me/bug/20191120/2040983.html