2012-02-19 11 views
50

मैंने फ्लैश में एनीमेशन बनाया और Swiffy का उपयोग करके इसे HTML5 में परिवर्तित कर दिया।इंटरनेट एक्सप्लोरर 8 के लिए एसवीजी समर्थन और

मुझे लगता है कि यह एसवीजी का उपयोग करने के लिए इसका उपयोग कर रहा है; आईई 8 बनाने के लिए कुछ जावास्क्रिप्ट या एक चाल है और नीचे इसका समर्थन है? मेरी एनीमेशन इंटरनेट एक्सप्लोरर 9 के साथ अच्छी तरह से काम कर रहा है।

धन्यवाद!

+1

प्रश्न पर यह स्वीकार कर लिया जवाब [कर सकते हैं);

सबसे अच्छा विकल्प शायद कूटनीतिक उन्हें कोई वास्तविक ब्राउज़र का उपयोग करने के लिए प्रोत्साहित करने के लिए है, लेकिन फिर यह हमेशा जो लोग एक अकुशल आईटी विभाग के शासन के अधीन रहते हैं के लिए संभव है इंटरनेट एक्सप्लोरर 8 में एसवीजी चार्ट प्रदर्शित नहीं करें] (http://stackoverflow.com/a/6097246/830125) आपकी मदद कर सकता है। संक्षेप में, आपकी सबसे अच्छी शर्त आईई 8 की वीएमएल क्षमताओं और ग्राफिक्स को प्रस्तुत करने के लिए नीचे उपयोग करना है। –

उत्तर

64

जबकि कोई विकल्प नहीं एकदम सही है, कुछ विकल्प हैं:

1.) एडोब IE8 http://www.iegallery.com/en/addons/detail.aspx?id=444

2.) के लिए एक एसवीजी प्लगइन राफेल जावास्क्रिप्ट फ्रेमवर्क की अनुमति देता है वेक्टर ग्राफिक्स पार ब्राउज़र है - http://raphaeljs.com/

http://code.google.com/p/svg2vml/ और http://code.google.com/p/svgweb/

4.) वहाँ IE8 के लिए फ़्लैश प्रदर्शित करने का विकल्प है:

3.) तो फिर वहाँ ओपन सोर्स प्रोजेक्ट हैं और नीचे।

5.) आईई 8 और नीचे के लिए शानदार ढंग से गिरावट का विकल्प है और एनीमेशन के स्थान पर एक स्थिर छवि दिखाएं।

एनीमेशन के लिए अपने कारण के आधार पर - मैं सिफारिश करेगा 4 या 5

+6

मैं दूसरों के बीच raphael.js के लिए जाना होगा। – Joseph

+0

चूंकि svgweb फ़्लैश में एसवीजी प्रदर्शित करता है, तो आप 4 से पहले क्यों अनुशंसा नहीं करेंगे? – robertc

+0

क्योंकि उसके पास फ़्लैश कोड में पहले से ही एनीमेशन है। –

1

पास दो विकल्प है कि आप विशिष्ट चौखटे (राफेल) या जटिल समाधान (svgweb) करने के लिए टाई नहीं होगा रहे हैं:

  1. क्रोम फ्रेम: यदि आप एक एक्सटेंशन प्राप्त करने जा रहे हैं, तो उसे एक
  2. सर्वर-साइड रास्टराइजेशन: सर्वर पर अपने एसवीजी को वापस भेज दें, इनकेस्केप को पीएनजी में रास्टरराइज करें, इसे वापस भेजें।

आप नंबर 2 जाना (हाँ यह एक भद्दा विकल्प है), और क्लिक करने योग्य भागों और टूलटिप्स रखना चाहते हैं, तो आप अदृश्य divs, या लेबल है कि प्रदान की गई svg के शीर्ष पर HTML में हैं का उपयोग करना होगा।

आप उस भाग के लिए ओवरहेड से बचने के लिए उन divs को स्थिति में रखने के लिए svg से स्थिति की जानकारी का पुन: उपयोग कर सकते हैं।

+0

जब तक # 2 ऑफ़लाइन नहीं किया गया था (समय से पहले), मुझे यह यथार्थवादी नहीं दिख रहा है; उनके पास एसवीजी में एक एनीमेशन है जो कई फ्रेम का तात्पर्य है जिसे रास्टरराइज करने की आवश्यकता होगी। यह एक लंबा समय ले रहा है। –

+0

क्रोम फ्रेम आईई सुपरपर्ट एसवीजी बनाता है (उसी स्तर पर वेबकिट एसवीजी का समर्थन करता है): http://code.google.com/intl/de/chrome/chromeframe/ यह एक प्लगइन स्थापित है और कैनवास, एसवीजी सक्षम बनाता है , एचटीएमएल वीडियो, आदि। यह आईई के अपने प्रतिपादन इंजन की जगह लेता है। लेखक क्रोम फ्रेम में प्रतिपादन को मजबूर करने के लिए मेटाटैग जोड़ सकते हैं: <मेटा http-equiv = "X-UA-compatible" सामग्री = "chrome = 1"> –

+0

हाँ, मुझे लगता है कि यह मेरे उत्तर का हिस्सा है। –