更新onmouseover和onmouseout上的畫布內容

我正在使用HTML5創建遊戲，並且在我的工作中，我通常基於onmouseover和onmouseout更新畫布內容。上的onmouseover我做了更新onmouseover和onmouseout上的畫布內容

    cxt.beginPath(); 
        cxt.moveTo(10, 10); 
        cxt.lineTo(40, 40); 
        cxt.moveTo(40, 10); 
        cxt.lineTo(10, 40); 
        cxt.stroke(); 
        cxt.closePath(); 
        content[canvasNumber - 1] = 'Value';

現在和onmouseout事件，我想明確的是帆布的內容，而不覆蓋當前內容!!，我該怎麼辦呢？！

來源

2012-06-30 Ahmed Ali

我不明白：通過使用document.createElement，從不將它們添加到DOM

這裏是保存位圖時mouseover發生，即使發生mouseout恢復該位圖的代碼示例使這些你問 - 你想清除內容而不會覆蓋內容？確切地說， – WonderfulDay

！，我想在onmouseover事件之前將畫布設置爲之前的狀態 –

我想我知道你的意思，但你必須對你的語言更小心。你說：

而不覆蓋當前的內容！

但您剛剛提取的X 是當前內容！我認爲你的真正意思是「沒有清除之前存在的內容」。

當然我們會盡最大努力回答您的問題，但在詢問時請儘量使用確切謹慎的語言。英語可能不是你的第一語言，你說的可能比說我的第二語言要好，但即使你不確定這些單詞，即使你必須用幾種不同的方式說同一件事，但更多的語言值得我們確信我們理解。

謝謝！現在就答案。

如果您想清除X而不覆蓋之前存在的內容，則必須保存之前存在的內容。

要保存一個畫布位圖，我們可以使用所謂的「內存畫布」或「離屏畫布」。

http://jsfiddle.net/simonsarris/uRXeN/

來源

2012-07-01 01:33:17

非常感謝您的回答，它幫了我很多:) –

更新onmouseover和onmouseout上的畫布內容

回答

相關問題