2012-04-23 6 views
10

मैं एक एसवीजी foreignObject में अपेक्षाकृत स्थित एचटीएमएल तत्वों का उपयोग कर रहा हूं। हालांकि, क्रोम में, अपेक्षाकृत स्थानित सामग्री scale() या viewBox का सम्मान नहीं कर रही है। नतीजतन यह सही आकार नहीं है।क्रोम में, एसवीजी विदेशी ऑब्जेक्ट्स अपेक्षाकृत स्थानांतरित सामग्री क्यों नहीं स्केल करते हैं?

Here is an example of my problem on jsFiddle। सभी तीन टेक्स्ट स्निपेट को अंतिम उपयोगकर्ताओं को समान आकार दिखाई देना चाहिए ... लेकिन क्रोम में वे नहीं करते हैं।

इसका कारण क्या है?

फ़ायरफ़ॉक्स स्क्रीनशॉट (के रूप में उम्मीद?)

The jsFiddle in Firefox

क्रोम स्क्रीनशॉट (बग?)

The jsFiddle in Chrome

+0

कृपया ध्यान दें कि अपेक्षाकृत स्थिति को हटाने संभव नहीं है। –

+0

यदि आपको वास्तव में रिश्तेदार स्थिति का उपयोग करना चाहिए, तो ऐसा लगता है कि आपको पहले इस बग में सिर चलाना होगा। आप सापेक्ष स्थिति को हटाने में सक्षम क्यों नहीं हैं? क्या कुछ स्रोत द्वारा 'विदेशी ऑब्जेक्ट' सामग्री उत्पन्न की जा रही है जिसे आप नियंत्रित नहीं करते हैं? – ellisbben

+0

@ellisbben - हां, और मैं [एक और क्रोम एसवीजी विदेशी ऑब्जेक्ट बग] से निपटने के लिए सापेक्ष स्थिति का उपयोग कर रहा हूं (http://stackoverflow.com/questions/8185845/svg-foreignobject-behaves-as-though-absolutely- तैनात-इन-webkit-ब्राउज़र)। –

उत्तर

3

वेबकिट ट्रैकर पर 24 bugs related to foreignObject और

से आंकना क्रोमियम ट्रैकर पर

19 issues related to foreignObject,

ऐसा लगता है कि यह बहुत ही अनपेक्षित व्यवहार है। मैं आपको यह देखने के लिए वेबकिट बग सूची देखने के लिए प्रोत्साहित करता हूं कि यह समस्या ज्ञात है या नहीं। यदि ऐसा नहीं है, तो इस त्रुटि को किसी अन्य वेबकिट ब्राउज़र पर पुन: पेश करने का प्रयास करें। यदि समस्या उदा। सफारी, इसे वेबकिट पर एक बग के रूप में सबमिट करें; यदि नहीं, तो इसे क्रोमियम में एक बग के रूप में सबमिट करें।

मेरा अनुमान है कि यह एक वेबकिट बग है; this bug समान दिखता है।

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

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