2012-01-17 14 views
9

मैं एक सर्कल में एक छवि प्राप्त करने की कोशिश कर रहा हूं और इसलिए मैंने "भरें" यूआरएल का उपयोग करके अपने सर्कल में एक छवि जोड़ा, लेकिन सर्कल के भीतर छवि को कैसे स्थानांतरित करना है और न ही कैसे रुकना है, इस बारे में कोई जवाब नहीं मिल रहा है इसे दोहराने से। मुझे raphael.js से प्यार है, लेकिन इसकी प्रलेखन स्पष्ट रूप से स्पष्टता और उदाहरण दोनों में कमी है।राफेल जेएस के माध्यम से सर्कल छवि मुखौटा?

मैंने सुना है कि किसी को एक सर्कल के आकार में एक कस्टम पथ बनाना चाहिए, फिर छवि को इसके पीछे अपनी जगह के रूप में रखें, जिस तरह से इसे स्थानांतरित किया जा सकता है, लेकिन दुर्भाग्यवश मुझे यह सुनिश्चित करने के बारे में अनिश्चितता है कि मैं इसे कैसे प्राप्त कर सकता हूं ... कोई विचार?

उत्तर

6

इस

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 
});​ 

डेमो का प्रयास करें यहाँ http://jsfiddle.net/Nz3Hv/2/

+4

हम्म, यह कहना नहीं है कि कैसे हालांकि वृत्त के भीतर इस स्थिति और कैसे यह दोहरा है जो ओ पी के लिए कहा से रोकने के लिए है। क्या आपको कोई विचार है कि ऐसा कैसे करें? – BorisKourt

संबंधित मुद्दे