画布重叠元素

时间:2011-03-04 00:29:50

标签: javascript animation canvas

我有一个画布动画,有时会将完全相同的元素重新绘制到另一个元素上(这是一个很长的故事,为什么这是必要的)但它发生了,而且它经常发生。

现在我假设在现有的图像复制品上绘制一个元素(使用上下文路径和笔触方法)应该对我的动画什么都不做。相反,它会覆盖过去的图像并模糊所有的边(就好像它并没有完全在同一位置绘制。

The normal image without blurry sides

The image with blurry sides

如果有办法解决这个问题,请告诉我

由于

1 个答案:

答案 0 :(得分:3)

这种情况正在发生,因为画布笔划是消除锯齿的。在实际意义上,您在一些其他半透明像素上绘制一些半透明像素,并且在像素重叠的情况下,它们的不透明度被加在一起。我认为你不能(当前)强制画布对象关闭笔划上的抗锯齿,所以你可能只需要忍受它。这是一个很大的问题吗?

http://img813.imageshack.us/img813/303/canvasl.png

编辑:我想您可以尝试使用具有透明背景的PNG作为标记,而不是使用笔划绘制它们。 https://developer.mozilla.org/en/Canvas_tutorial/Using_images