用一個畫布元素掩蓋div

我試圖製作一個主要由div元素組成的幻燈片，這個div可以被一個畫布元素掩蓋（這樣它可以是一個圓形或奇怪的形狀，而不是一個正方形。？可能我已經看到了掩蔽圖像的例子很多，但不是的div的整個股利或收集用一個畫布元素掩蓋div

來源

2012-01-05 Adam Goodnight

請提供更多詳情。「掩蔽」是什麼意思？ – Phrogz 2012-01-05 22:42:14

是它絕對有可能掩蓋的div例如畫布可能會掩蓋這樣一個div：。

enter image description here

這只是一個圖像，來源：

http://jsfiddle.net/r58jF/

or white，這應該只是注意給人以圓形div的錯覺和幻覺是在什麼是或DIV

（or something fancier）

來源

2012-01-05 16:01:38

我不認爲「在所有其他領域畫黑」與「掩蔽」是一樣的。具體來說，我懷疑@Adam想讓部分div內容透明。 – Phrogz 2012-01-05 22:40:25

你可能是對的，但即使如此使得部分div內容透明的效果也是可能的，因爲它只是幻覺效果（例如：http://jsfiddle.net/5Y4zL/1 /，而不是真正的透明度蒙版，但對用戶看起來足夠透明），這很可能滿足他的需要，但這與他計劃展示的內容高度相關。既然他沒有提供這些，我認爲向他提供他可能有的任何選擇來實現這一效果是值得的。 – 2012-01-05 23:09:26

我同意;如果沒有更多的答案，我肯定不會downvote這個答案:) – Phrogz 2012-01-05 23:29:26

不能使用落後高度隊伍將HTML元素呈現爲畫布的圖像源，因此您不能使用畫布繪製HTML的內容。如果你想讓div的任意部分完全或部分透明，答案是「不，你不能用Canvas來做到這一點。」

來源

2012-01-05 22:41:52 Phrogz

用一個畫布元素掩蓋div

回答

相關問題