2011-01-19 7 views
18

मैं इस मार्कअप है:फ़िट <svg><object> कंटेनर के आकार के

#widget1 { 
    height:100px; 
    width:200px; 
} 

<div class="widget" id="widget1"> 
    <object data="foo.svg" type="image/svg+xml" /> 
</div> 

मैं <object> तत्व बाहरी <div> को भरने बनाने में कामयाब रहे, लेकिन भीतरी foo.svg फ़ाइल अपने स्वयं के विचारों कितना बड़ा है यह है। मुझे foo.svg की आवश्यकता है (जिसमें <svg> तत्व, ज़ाहिर है) <object> और <div> के समान आकार के लिए।

उत्तर

45

svg primer में इसका उत्तर दिया गया है (उदाहरण के साथ)।

tl; डॉ सारांश:

  • निकालें 'चौड़ाई' और 'ऊंचाई' svg जड़ पर जिम्मेदार बताते हैं, और "0 0 क", जहाँ w और ज रहे हैं मूल्य के साथ एक 'viewBox' विशेषता जोड़ें शुद्ध मान आमतौर पर चौड़ाई में पाया जाता है और ऊंचाई (ध्यान दें कि प्रतिशत और अन्य इकाइयों viewBox विशेषता में अनुमति नहीं है) विशेषताएं जोड़ने के लिए
+3

यदि मैं '.svg' फ़ाइल को संपादित नहीं कर सकता तो क्या होगा? क्या मैं इसे एचटीएमएल से कर सकता हूं? –

+2

@ कोलोनेलपैनिक यह स्क्रिप्ट के साथ किया जा सकता है यदि svg और html समान-मूल हैं। यहां बताया गया है कि इसके साथ कैसे शुरुआत करें: http://stackoverflow.com/questions/14376732/work-with-elements-from-embed-or-object-tag। –

+0

क्या नेस्टेड एसवीजी को मजबूर करना संभव है जिसमें 700x500 है जो पैरेंट डीआईवी भरने के लिए अपनी चौड़ाई = "300" और ऊंचाई = "200" है? – temuri

-1

प्रयास करें: चौड़ाई: XXXpx महत्वपूर्ण; ऊंचाई: XXXpx! महत्वपूर्ण;

संबंधित मुद्दे