jQuery剪贴蒙版？

Question

什么是最好的jQuery插件（或任何其他JavaScript方法），允许我创建一个div的剪贴蒙版。

比方说，我有一个面具（一个三角形）和一个图像。我怎样才能使用我的面具只显示图像的三角形部分？

我不想用于图像，例如：1图片与图像，我把另一个绝对定位的div（透明.png）与三角形洞。

Soooooo ??? ....：d

Answer 1

如果你打开HTML5，再看看canvas元素。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing

Answer 2

如果它只是一个像你想掩盖，您可以使用RaphaelJs库，它是跨浏览器，甚至在IE6工作。基本上，你画的形状和你的图像填充：

var paper = Raphael(document.getElementById("notepad"), 400, 400); 
var r = paper.g.triangle(200, 200, 190); 

r.attr({ 
    stroke: "none", 
    fill: "url(http://www.bing.com/fd/hpk2/NabobPass_EN-US1703601557.jpg)" 
}); 

现场演示：

http://jsfiddle.net/eybNG/

注意，在我的例子中，我使用额外的库gRaphael这使得它非常容易画一个三角形。但这并不是必需的。