在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下面畫畫，我會用這些左/右/上/下偏移繪圖畫布上。