上的onmouseover和onmouseout更新帆布内容(Updating Canvas con

2019-10-16 22:29发布

我在我通常更新基于的onmouseover和onmouseout帆布上的内容创建使用HTML5游戏,在我的工作工作。 上的onmouseover我做了

                    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事件,我想明确的是帆布的内容,而不覆盖当前内容!!,我该怎么办呢?!

Answer 1:

我想我知道你的意思,但你必须要多一点小心你的语言。 你说:

不覆盖当前内容!

但是你刚刚提请X 当前内容! 我想你的真正用意说是“没有清除,这是以前没有的内容”。

当然,我们会一直尝试我们最难回答你的问题,但是请询问时他们非常努力,以准确的使用和谨慎的语言。 英语可能不是你的第一语言,你可能说这比我说我的第二语言更好,但即使你不知道的话,即使你不得不说,在几个不同的方式同样的事情,更多的语言是值得的,只是为了确保我们的理解。

谢谢! 到现在的答案。


如果你想清除X没有覆盖,这是以前没有的内容,你必须保存在那里之前的内容。

为了节省,我们可以使用所谓的一个“内存画布”或帆布位图“屏幕外的画布。” 通过使用使这些document.createElement ,从不将它们添加到DOM

下面是当保存位图的代码示例mouseover发生,即使恢复该位图mouseout时:

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



文章来源: Updating Canvas content on onmouseover and onmouseout