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這使得它非常容易畫一個三角形。但這並不是必需的。