用一个画布元素掩盖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

回答

相关问题