राफेल आंतरिक चमक?

Question

मैं राफेल पथ पर केवल एक आंतरिक चमक या छाया प्राप्त करने का एक तरीका ढूंढ रहा हूं। दुर्भाग्य से, आप केवल अंडाकार या एक सर्कल पर रेडियल ग्रेडियेंट कर सकते हैं।

एक विचार पथों की एक श्रृंखला बनाने के लिए हो सकता है जो मूल पथ के अंदर थोड़ा छोटा और फिट हो और फिर उन्हें विभिन्न स्ट्रोक रंग देने के लिए हो, लेकिन मुझे नहीं पता कि मैं उससे कैसे संपर्क करूंगा। कुछ फ़ंक्शन जो पथ और subtracts लेता है या संख्याओं को मानता है कि वे कहां हैं ... वैसे भी, अगर किसी के पास कोई विचार है, या शायद कोई अन्य जावास्क्रिप्ट लाइब्रेरी जो ऐसा करती है, तो यह बहुत अच्छा होगा।

Answer 1

यहाँ ठीक है आप कैसे प्राप्त कर सकते हैं। मुझे लगता है कि यह बहुत सरल है। मुझे पता है कि मैन्युअल रूप से अपने मूल से छाया पथ बनाना मुश्किल है। लेकिन scale() फ़ंक्शन नामक एक चाल है। कैसे आप भीतरी छाया या भीतरी चमक प्रभाव प्राप्त कर सकते हैं के लिए चरण:

1. अपना रास्ता एक और रास्ता
2. पैमाने सेट करें() क्लोन पथ के में
3. क्लोन यह बनाएं 0.9 * मूल
4. तो होना करने के लिए क्लोन पथ छुपाने के लिए, लेकिन उस पर चमक() फ़ंक्शन लागू

कोड:

var paper = Raphael("notepad", 500, 500); 

var path = paper.path("M 50 200 L 120 100 200 190 80 250z"); 
var shadow = path.clone().scale(0.9).hide(); 


shadow.glow(); 
path.attr({stroke: "darkred"}); 

DEMO पर देखें, यह सही नहीं है लेकिन मामूली परिवर्तनों के साथ, आप जो चाहते हैं उसे प्राप्त कर सकते हैं।

इसके अलावा एक ओर नोट के रूप में:
glow() समारोह offsetx, offsety, opacity जैसी विशेषताओं है ... उन विशेषताओं को बदलने से आप अपने पसंदीदा छाया/चमक दे देंगे।

अपडेट किए गए कोडhttp://jsfiddle.net/jUTFm/41/

Answer 2

देखें here। आप कुछ प्रकार के चमकते प्रभाव देने के लिए पथ की चौड़ाई को एनिमेट करने और धीरे-धीरे रंग को अंधेरे करने का प्रयास कर सकते हैं।

बाहर की जांच नीचे का हिस्सा

brain = paper.add(brain); 

    brain.attr('stroke', '#ff0'); 

    brain.transform('s 0.5, 0.5 0 0'); 

    glow = brain.glow({ 
    color: '#ff0', 
    width: 5 
    }); 

    anim = Raphael.animation({ 
    "stroke-width": 15, 
    opacity: 1 
    }, 500); 


    anim = anim.repeat(Infinity); 
    glow.animate(anim);