有什么区别:ctx.fillStyle="rgba(0,0,0,1)";ctx.fillRect(0,0,100,100)和ctx.clearRect(0,0,100,100)性能或生成的图像或Canvas数据有任何差异吗？ 最佳答案 (已更新以对应有问题的OP更改:)fillRect()withctx.fillStyle="rgba(0,0,0,1)";将用不透明像素填充该区域，在本例中为黑色(注意alpha是标准化值[0,1])。clearRect()做相反的事情，“清除”所有像素，使位图变得透明(从技术上讲，该区域被黑色透明像

我使用的是iOS9.3.2并且遇到一个问题，如果我使用给定的一组尺寸绘制图像，然后使用相同的尺寸删除该图像(使用clearRect)，则图像会有剩余边缘。为了解决这个问题，我只是调整了我要清除的尺寸，直到我旋转手机(这并不总是打破它但可能有50%的时间它会打破它)。然后边缘会回来。这在Android上的chrome浏览器中不是问题，但在iOS上的safari和chrome上都会发生。有人有什么建议吗？我还没有找到与此相关的任何现有问题，但如果您有任何帮助，我将不胜感激!谢谢! 最佳答案 这几乎可以肯定是由于绘制图像时的抗锯齿造成的。

我想知道我如何更改我的JavaScript以清除掉落的精灵，而不是整个画布（如目前所做的那样）。我希望将其他多个（动画）精灵放在画布上，这不会以我的方式出现functionanimate结构化。是否有办法，以便如果画布上有另一个图像/精灵，它不会受到functionanimate.我认为这条线需要改变：ctx.clearRect(0,0,canvas.width,canvas.height);尽管我不知道我需要放置哪些参数。下落精灵的大小60x60，但是当它们向下掉落时，这是我在清理唯一的小路上有点困扰的地方。任何帮助，将不胜感激：）varcanvas=document.getElementB

我在工作中遇到了一个用Canvas构建东西的奇怪边缘案例。clearRect在绘制从Canvas顶部到底部的垂直线时不会清除Canvas。渲染其他东西时，clearRect工作正常。我不确定我是否遗漏了一些明显的东西，这是故意行为还是浏览器错误(不太可能，因为mac上的chrome、safari、firefox和opera中的行为是相同的)。如果是故意行为，是否有人知道其背后的基本原理和/或可以指出一些文档？我做了一个小测试用例，清楚地显示了行为，只有组合clearRect/verticallines不清除Canvas:http://jsfiddle.net/kZj6F/谢谢!

我在工作中遇到了一个用Canvas构建东西的奇怪边缘案例。clearRect在绘制从Canvas顶部到底部的垂直线时不会清除Canvas。渲染其他东西时，clearRect工作正常。我不确定我是否遗漏了一些明显的东西，这是故意行为还是浏览器错误(不太可能，因为mac上的chrome、safari、firefox和opera中的行为是相同的)。如果是故意行为，是否有人知道其背后的基本原理和/或可以指出一些文档？我做了一个小测试用例，清楚地显示了行为，只有组合clearRect/verticallines不清除Canvas:http://jsfiddle.net/kZj6F/谢谢!