在div中跳过绘图画布

Question

我在文档中有HTML5 canvas。在这个画布上，一些div可能隐藏在它们后面的画布上（但画布的一部分仍然可见）。

了解画布的位置我该如何检查哪些div实际上遮盖了画布，以便我不再在这些div后面绘制以提高穿透力？

而我怎样才能真正画出一部分画布来节省一些处理能力呢？

Answer 1

要确定是否有重叠：

var divid = document.getElementById ("myDiv"); 
var canvasid = document.getElementById ("myCanvas"); 

var div = divid.getBoundingClientRect(); 
var canvas = canvasid.getBoundingClientRect(); 

var overlap = !(div.right < canvas.left || 
       div.left > canvas.right || 
       div.bottom < canvas.top || 
       div.top > canvas.bottom); 

为了防止分层DIV下面画画，我会用这些左/右/上/下偏移绘图画布上。