有没有一种方法可以让 HTML5 Canvas 成为我正在制作的网页的背景,并将所有元素放在它上面。
所以它的行为就像<body>
?
我尝试使用 z-index 执行此操作并将元素定位在顶部,但随后它们可以点击或聚焦。我需要它们仍能正常工作,但 Canvas 也只能在后台点击,而在上面有元素的地方不可点击。
最佳答案
只需设置 <canvas>
的 z-index
至 -1
.如果您的 Canvas 被顶部的容器覆盖,请使用 createEvent
模拟自定义事件. [1]
演示:http://jsfiddle.net/DerekL/uw5XU/
var canvas = $("canvas"), //jQuery selector, similar to querySelectorAll()
//...
function simulate(e) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("mousemove", true, true, window,
0, e.screenX, e.screenY, e.clientX, e.clientY, false, false, false, false, 0, null);
canvas[0].dispatchEvent(evt);
}
$("body > *").each(function () {
this.addEventListener("mousemove", simulate);
});
关于javascript - 使 <canvas> 成为 html 文档的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17006812/