खोज…
पैरामीटर
सामान्य | परिभाषा |
---|---|
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