खोज…
पैरामीटर
| सामान्य | परिभाषा | 
|---|---|
| gradientUnits | ढाल विशेषताओं का समन्वय प्रणाली। या तो ObjectBoundingBox या userSpaceOnUse | 
| gradientTransform | ढाल सामग्री पर लागू करने के लिए परिवर्तन | 
| spreadMethod | परिभाषित करता है कि ढाल सीमाओं के बाहर क्या होता है। या तो पैड, प्रतिबिंबित या दोहराएं | 
| XLink: href | किसी अन्य ग्रेडिएंट से लिंक जो कि विशेषता या सामग्री प्रदान करता है | 
| ------ | ------ | 
| रैखिक ढलान | परिभाषा | 
| ------ | ------ | 
| x1 | ग्रेडिएंट वेक्टर को परिभाषित करता है | 
| x2 | एक्स 1 देखें | 
| y1 | एक्स 1 देखें | 
| y2 | एक्स 1 देखें | 
| ------ | ------ | 
| रेडियल ग्रेडिएंट | परिभाषा | 
| ------ | ------ | 
| cx | एक्स बाहरी ढाल केंद्र का समन्वय | 
| cy | बाहरी ढाल केंद्र के y समन्वय | 
| आर | ढाल के बाहरी त्रिज्या। 100% स्टॉप का स्थान | 
| fx | x आंतरिक ढाल केंद्र का समन्वय। 0% स्टॉप का स्थान | 
| वित्तीय वर्ष | आंतरिक ढाल केंद्र के y स्थान। 0% स्टॉप का स्थान | 
टिप्पणियों
एसवीजी मामला संवेदनशील है इसलिए बीच में एक राजधानी जी का उपयोग करना याद रखें।
रैखिक ढलान
<svg>
  <defs>
        <linearGradient id='g' y1="100%" x2="100%">
            <stop offset='0%' stop-color='yellow' />
            <stop offset='100%' stop-color='green' />
        </linearGradient>
    </defs>
    <rect width='100%' height='100%' fill='url(#g)'/>
</svg>
        radialGradient
<svg>
  <defs>
    <radialGradient id="g">
      <stop offset="10%" stop-color="green" />
      <stop offset="90%" stop-color="white" />
    </radialGradient>
  </defs>
  <rect width='100%' height='100%' fill='url(#g)'/>
</svg>
    
    
    
    
    Modified text is an extract of the original Stack Overflow Documentation
        के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
        से संबद्ध नहीं है Stack Overflow