सीएसएस के साथ बाहरी एसवीजी फ़ाइल शैली गुणों में हेरफेर

एसवीजी फ़ाइलों में सैंडबॉक्सिंग समस्या

कब बाहरी एसवीजी फ़ाइलों के साथ काम करते समय, सीएसएस का उपयोग करके आंतरिक एसवीजी गुणों, जैसे कि भरण या स्ट्रोक, में हेरफेर करने का प्रयास करते समय आपको सीमाओं का सामना करना पड़ सकता है। यह एसवीजी फाइलों में "सैंडबॉक्सिंग" नामक एक सुविधा के कारण है, जो बाहरी स्रोतों से एसवीजी की सामग्री तक सीधी पहुंच को प्रतिबंधित करता है।

अपारदर्शिता बनाम अन्य गुण

अपारदर्शिता एक अद्वितीय विशेषता है क्योंकि यह एसवीजी ऑब्जेक्ट/फ्रेम को केवल उसकी सामग्री को ही नहीं, बल्कि संपूर्ण रूप से प्रभावित करती है। यह सीएसएस को अपारदर्शिता को संशोधित करने की अनुमति देता है, भले ही वह आंतरिक एसवीजी सामग्री तक नहीं पहुंच सकता। दो मुख्य समाधान हैं जिन्हें आप तलाश सकते हैं:

1. आइकन-सिस्टम (फ़ॉन्ट-फेस या एसवीजी स्प्राइट)

एक आइकन-सिस्टम में आपके एसवीजी को एक विशेष "आइकन" फ़ॉन्ट या एसवीजी स्प्राइट प्रारूप में परिवर्तित करना शामिल है। यह आपको फ़ॉन्ट या पृष्ठभूमि छवि का उपयोग करके आइकन को संदर्भित करने और उन पर सीएसएस शैलियों को लागू करने की अनुमति देता है।

2. इनलाइन एसवीजी के माध्यम से प्रत्यक्ष सीएसएस संशोधन

हालांकि यह बाहरी एसवीजी फ़ाइलों के लिए अनुशंसित नहीं है, आप एसवीजी कोड को सीधे अपने HTML में एम्बेड कर सकते हैं और एसवीजी कोड के भीतर स्टाइल विशेषता का उपयोग करके सीएसएस शैलियों को लागू कर सकते हैं।

निष्कर्ष

सैंडबॉक्सिंग तंत्र के कारण सीएसएस से आंतरिक एसवीजी गुणों में हेरफेर करना सीधा नहीं है। हालाँकि, आइकन-सिस्टम को नियोजित करके या, असाधारण मामलों में, इनलाइन एसवीजी के माध्यम से सीधे सीएसएस संशोधनों द्वारा, आप इनलाइन सीएसएस हेरफेर के समान परिणाम प्राप्त कर सकते हैं।