मैं एक एसवीजी foreignObject
में अपेक्षाकृत स्थित एचटीएमएल तत्वों का उपयोग कर रहा हूं। हालांकि, क्रोम में, अपेक्षाकृत स्थानित सामग्री scale()
या viewBox
का सम्मान नहीं कर रही है। नतीजतन यह सही आकार नहीं है।क्रोम में, एसवीजी विदेशी ऑब्जेक्ट्स अपेक्षाकृत स्थानांतरित सामग्री क्यों नहीं स्केल करते हैं?
Here is an example of my problem on jsFiddle। सभी तीन टेक्स्ट स्निपेट को अंतिम उपयोगकर्ताओं को समान आकार दिखाई देना चाहिए ... लेकिन क्रोम में वे नहीं करते हैं।
इसका कारण क्या है?
कृपया ध्यान दें कि अपेक्षाकृत स्थिति को हटाने संभव नहीं है। –
यदि आपको वास्तव में रिश्तेदार स्थिति का उपयोग करना चाहिए, तो ऐसा लगता है कि आपको पहले इस बग में सिर चलाना होगा। आप सापेक्ष स्थिति को हटाने में सक्षम क्यों नहीं हैं? क्या कुछ स्रोत द्वारा 'विदेशी ऑब्जेक्ट' सामग्री उत्पन्न की जा रही है जिसे आप नियंत्रित नहीं करते हैं? – ellisbben
@ellisbben - हां, और मैं [एक और क्रोम एसवीजी विदेशी ऑब्जेक्ट बग] से निपटने के लिए सापेक्ष स्थिति का उपयोग कर रहा हूं (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-absolutely- तैनात-इन-webkit-ब्राउज़र)। –