[英]Updating Canvas content on onmouseover and onmouseout
我正在使用HTML5创建游戏,在我的工作中,我通常会根据onmouseover和onmouseout更新画布内容。 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事件我想清除画布的内容而不覆盖当前内容!!,我该怎么做?!
我想我知道你的意思,但你必须对你的语言更加小心。 你说:
没有覆盖当前内容!!
但你刚才画的X 是当前的内容! 我认为你真正要说的是“没有清除以前的内容”。
当然,我们总是会尽力回答您的问题,但在提问时请尽量使用准确而细致的语言。 英语可能不是你的第一语言,你可能比我说第二语言说的更好,但即使你不确定这些词,即使你不得不用几种不同的方式说同样的话,更多的语言是值得的,只是为了确保我们理解。
谢谢! 现在在答案上。
如果要在不覆盖之前的内容的情况下清除X,则必须保存之前的内容。
为了保存画布位图,我们可以使用所谓的“内存中画布”或“屏幕外画布”。 您可以使用document.createElement
来创建它们,而不是将它们添加到DOM中
下面是发生mouseover
时保存位图的代码示例,并在发生mouseout
时恢复该位图:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.