5
मेरे पास एक साइट है जहां मैं काम कर रहा हूं, जहां हम आकार बनाने की अनुमति देते हैं और हम जावास्क्रिप्ट के माध्यम से इनलाइन एसवीजी का उपयोग करके ऐसा करते हैं। मुझे एक अजीब मुद्दा है, जहां svg क्रोम में सही ढंग से प्रस्तुत करता है, लेकिन फ़ायरफ़ॉक्स में यह एसवीजी आउट के एक हिस्से को काटता है। नीचे दिया गया कोड एक सितारा है। क्रोम में यह पूरी तरह से दिखाता है। फ़ायरफ़ॉक्स में मैं केवल छवि के शीर्ष 25% बाईं ओर देखता हूं।फ़ायरफ़ॉक्स में इनलाइन एसवीजी प्रस्तुत करना
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head></head>
<body>
<svg shape-rendering="" preserveAspectRatio="none">
<polygon transform="rotate(0 100 100)" points="256.53212826312154,13.412653125,314.88080229627076,201.3216034012431,499.6516034012431,201.3216034012431,348.91752881560774,320.0009404178177,382.9542553349448,507.9098906940608,256.53212826312154,389.2305536774862,130.11000119129832,507.9098906940608,164.14672771063536,320.0009404178177,13.412653125,201.3216034012431,198.18345422997237,201.3216034012431,256.53212826312154,13.412653125" fill="rgb(49, 48, 255)" stroke="black" stroke-width="2.49125px" style="position: absolute; ">
</polygon>
</svg>
</body>
</html>
मैं या हम कुछ गलत कर रहे हैं यकीन नहीं है अगर इसकी Firefox के साथ एक समस्या है। दिलचस्प बात यह है कि अगर मैं स्टार को छोटा कर दूंगा (जैसे इस के आकार का 1/4) यह फ़ायरफ़ॉक्स में पूरी तरह से प्रस्तुत करता है।
सहायता के लिए धन्यवाद!
आपके उत्तर के लिए धन्यवाद। यह फ़ायरफ़ॉक्स में एक आकर्षण की तरह काम करता है। इतना अद्भुत। आपकी सहायता के लिए धन्यवाद. – wookie924
केवल फ़ायरफ़ॉक्स को इसकी आवश्यकता क्यों है? मैं spec में जो देखता हूं, उससे डिफ़ॉल्ट मान पहले से ही 100% ([स्रोत] (http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute) हैं। –
प्रति http://www.w3.org/TR/2011/PR-SVG11-20110609/coords.html#ViewportSpace बाहरीतम svg तत्व पर 'चौड़ाई' विशेषता व्यूपोर्ट की चौड़ाई स्थापित करती है, जब तक कि निम्न शर्तों को पूरा नहीं किया जाता है और वे सभी मिले हैं तो ऐसा नहीं है। –