क्या SVG में कोई अंतर्निहित px आकार है?


9

Im मेरे Illustrator फ़ाइल से कुछ छवियों को बचाने के लिए SVGs के रूप में एक वेबसाइट के लिए पृष्ठभूमि छवियों के रूप में उपयोग करें। मुझे पता है कि आप छवि का आकार px में सेट कर सकते हैं, लेकिन क्या फ़ाइल में कोई अंतर्निहित px आकार है?

जवाबों:


4

एक टेक्स्ट एडिटर में अपनी एसवीजी फ़ाइल खोलें और अपने लिए देखें!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

एसवीजी टैग में प्रासंगिक गुण पाए जा सकते हैं:

  • चौड़ाई और ऊंचाई
  • viewBox
  • सक्षम-पृष्ठभूमि (वेब के लिए सुपर प्रासंगिक नहीं है, लेकिन मुझे लगता है कि ध्यान देने योग्य है)

6

हाँ।

जब आप एक एसवीजी को इलस्ट्रेटर से बचाते हैं, तो सब कुछ का आकार बदलें, एक और एसवीजी बचाएं और एचटीएमएल में उन दोनों को आउटपुट करें, उन्हें अलग-अलग आकारों में दिखाया जाएगा, यह इस बात पर निर्भर करता है कि आपने उन्हें कितना बड़ा बचाया है।

इन मूल्यों को सेट करना आर्टबोर्ड में पर्याप्त आसान होना चाहिए, लेकिन मैं हमेशा बस एक सीएसएस-संपत्ति सेट करता हूं (जाहिर है कि यह केवल वेब पर काम करता है)

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.