通過raphael js的圓形圖像面具？

Question

我試圖讓一個圖像在一個圓圈，所以我添加了一個圖像到我的圈子使用「填充」的網址，但似乎無法找到一個答案如何定位圖像的圓內，也沒有如何停止它從重複。我喜歡raphael.js，但其文檔在清晰度和示例上都很缺乏。

我聽說應該製作一個圓形的自定義路徑，然後將圖像作爲自己的對象放置在它的後面，但不幸的是我不確定如何實現這一點...有什麼想法嗎？

Answer 1

試試這個

var paper = Raphael(30,30, 200,200); 
paper.rect(0, 0, 200, 200, 600).attr({ 
    fill: "url(http://4.bp.blogspot.com/-gqd6i4K8I1I/UBLYjrsiRXI/AAAAAAAAAJA/0eqdIoY0zI4/s640/nelli-puli.jpg)", 
    "stroke-width": 2 
});​ 

DEMO這裏http://jsfiddle.net/Nz3Hv/2/