खोज…


पैरामीटर

सामान्य परिभाषा
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