使用canvas元素屏蔽div

Question

我正在嘗試制作一個主要由div組成的幻燈片，這些div可以被畫布元素掩蓋（這樣它可能是圓形或奇怪的形狀，而不是正方形。這可能嗎？我看過許多屏蔽的例子圖像，但不是整個div或div的集合。

Answer 1

是的，它當然可以掩蓋div。 例如，畫布可以掩蓋這樣的div：

這只是一張圖片，來源：

http://jsfiddle.net/r58jF/

或白色 ，應該注意的只是給出了圓形div的錯覺，並且幻覺高度依賴於div中或后面的內容

（ 或更喜歡的東西 ）

Answer 2

您不能將HTML元素的呈現用作畫布的圖像源，因此您無法使用畫布來繪制HTML的內容。 如果你想使div的任意部分完全或部分透明，答案是“不，你不能用Canvas做到這一點。”