2012-01-17 31 views
9

Tôi đang cố gắng để có được một hình ảnh trong một vòng tròn và vì vậy tôi thêm một hình ảnh vào vòng tròn của tôi bằng cách sử dụng "điền" url, nhưng dường như không tìm thấy câu trả lời về cách định vị hình ảnh trong vòng tròn. nó lặp đi lặp lại. tôi yêu raphael.js, nhưng tài liệu của nó rất thiếu cả về sự rõ ràng và ví dụ.Mặt nạ hình ảnh vòng tròn qua raphael js?

tôi nghe nói rằng người ta nên tạo một con đường tùy chỉnh trong hình dạng của một vòng tròn sau đó đặt hình ảnh phía sau nó như là đối tượng riêng của nó theo cách nó có thể được định vị, nhưng tiếc là tôi không chắc chắn về cách ... bất kỳ suy nghĩ nào?

Trả lời

6

Hãy thử điều này

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 đây http://jsfiddle.net/Nz3Hv/2/

+4

Hmm, điều này không nói như thế nào đến vị trí này trong vòng tròn dù và làm thế nào để ngăn chặn nó từ lặp đi lặp lại đó là những gì OP yêu cầu. Bạn có bất kỳ ý tưởng làm thế nào để làm điều đó? – BorisKourt

Các vấn đề liên quan