清除分層的畫布文本

Question

我有一個關於我正在嘗試的分層畫布元素的問題。

如果我有兩個畫布'，一個（c1）z-索引1和一個第二個（c2）z-索引2，頂層什麼是寫入文本到c2的最佳方式，並清除它？到目前爲止，我嘗試了幾種方法，但沒有一個看起來很完美

1. 當我嘗試簡單地覆蓋與背景顏色的文字，我留下了我的文字略有輪廓彷彿我做了一個壞的Photoshop的工作！

2. 如果我嘗試在背景顏色的c2畫布上使用clearRect（），它顯然會使c2畫布背景變硬，並遮住c1畫布的一部分。

3. 如果我嘗試在c1畫布上繪製文本並使用clearRext，則當精靈在該區域後面移動時，它會閃爍，因爲精靈區域在重繪之前會設置爲背景區域。

在這裏有一個合理的方法的任何想法？

Answer 1

我即將發佈，只是做clearRect（），但後來我記得你有一個問題。 你可以發佈你的代碼，以便我們可以更好地感受發生了什麼？

上下文中的clearRect函數將該區域中的數據設置爲0.所以，我很困惑它是如何使您的背景變爲固定的。

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

This是我的意思jsfiddle。