एसवीजी में आकार की कोई अवधारणा है?

Question

मैं SVG फ़ाइलों के बारे में सोच रहा था। मुझे पता है कि यह एक्सएमएल में पथ टैग द्वारा परिभाषित वैक्टर का एक संग्रह है, इस प्रकार यह svg टैग में पिक्सेल में चौड़ाई और ऊंचाई क्यों है और क्या होगा अगर हम उन आयामों को हटा दें?

Answer 1

चौड़ाई और ऊंचाई केवल तब प्रासंगिक होती viewBoxहै जब सेट किया जाता है। उस विशेषता के बिना आप चौड़ाई और ऊंचाई को सुरक्षित रूप से हटा सकते हैं। यह हमेशा उस पैमाने पर प्रदर्शित करेगा, जिस पर इसे खींचा गया था। यदि कोई <rect>10px चौड़ी 20px की ऊँचाई पर सेट किया गया था, तो वह उस पैमाने पर 10x20 या चौड़ाई या ऊँचाई के बिना प्रदर्शित करेगा जब कोई व्यूबॉक्स सेट नहीं होता है।

यदि कोई viewBoxविशेषता सेट की जाती है, तो आप मूल पैमाने को ऊपर या नीचे समायोजित करने के लिए चौड़ाई और ऊंचाई का उपयोग कर सकते हैं।

चौड़ाई और ऊंचाई के बिना, लेकिन व्यूबॉक्स सेट के बिना, यह svg को असीम पैमाने पर ले जाने की अनुमति देगा, जो वांछित व्यवहार नहीं हो सकता है या नहीं हो सकता है। एक उत्तरदायी HTML पृष्ठ में यह अक्सर वांछित होता है। यह बाउंडिंग कंटेनर को फिट करने के लिए ऊपर या नीचे होगा।

ये वही हैं

<svg width="240" height="240" xmlns="http://www.w3.org/2000/svg">
<svg xmlns="http://www.w3.org/2000/svg">

यह मूल पैमाने को दोगुना कर देता है।

<svg viewBox="0 0 120 120" width="240" height="240" 
xmlns="http://www.w3.org/2000/svg">

यह अनंत स्केलिंग की अनुमति देता है

<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">