使用canvas元素屏蔽div

Question

我正在尝试制作一个主要由div组成的幻灯片，这些div可以被画布元素遮挡（因此它可能是圆形或奇怪的形状，而不是正方形。这可能吗？我看过很多例子屏蔽图像，但不是整个div或div的集合。

Answer 1

是的，它当然可以掩盖div。例如，画布可以掩盖这样的div：

这只是一张图片，来源：

http://jsfiddle.net/r58jF/

or white，应该注意的只是给出了一个圆形div的错觉，并且错觉很大程度上取决于div中或后面的内容

（or something fancier）

Answer 2

您不能将HTML元素的呈现用作画布的图像源，因此您无法使用画布来绘制HTML的内容。如果你想让div的任意部分完全透明或部分透明，答案是“不，你不能用画布做到这一点。”