清除分层画布文本

时间:2012-10-25 20:44:01

标签: javascript html5 canvas

我有一个关于我正在尝试的分层画布元素的问题。

如果我有两个画布',一个(c1)z-index 1和一个第二个(c2)z-index 2,最上层的是将文本写入c2的最佳方法,并清除它?到目前为止,我已尝试过几种方法,但似乎都不完美。

  1. 当我尝试简单地用背景颜色覆盖文本时,我留下了一个略微的文字轮廓,好像我做了一个糟糕的Photoshop工作!

  2. 如果我尝试在c2画布上使用带有背景颜色的clearRect(),它显然会使c2画布背景变得坚固并遮盖c1画布的一部分。

  3. 如果我尝试在c1画布上绘制文本并使用clearRext,当精灵移动到该区域后面时,它会在重绘之前将精灵区域设置为背景区域时闪烁。

  4. 有关合理方法的任何想法吗?

1 个答案:

答案 0 :(得分:0)

我即将发布,只是做了clearRect(),但后来我记得你有一个问题。 您可以发布您的代码,以便我们能够更好地了解正在发生的事情吗?

上下文中的clearRect函数将区域中的数据设置为0.因此,我对如何使背景固定感到困惑。

ctx2.clearRect(0,0,100,100);
// this should just clear the canvas2

This是我的意思。