كيف تجعل SVG تعمل مع IE؟

Question

هل يعرف أي شخص مكتبة شاملة لجعل SVG يعمل مع IE (7 و 8 على وجه الخصوص)؟

كنت أرغب في شيء يمكن تضمينه في صفحة الويب الخاصة بي والتي من شأنها تحويل جميع SVG بصمت إلى VML بطريقة مماثلة لما يفعله Excanvas لـ Canvas.

Answer 1

ال Raphaël - مكتبة JavaScript يمكن أن تساعدك هناك.

يستخدم Raphaël توصية SVG W3C و VML كقاعدة لإنشاء الرسومات ويدعم Firefox 3.0+ و Safari 3.0+ و Opera 9.5+ و Internet Explorer 6.0+.

تعديل:

هناك نوعان آخران من JS-Libraries يستخدمان VML لتقديم SVGs في IE:

• SDK واسعة (حيث يجب أن يكون من الممكن دمج ملفات SVG الموجودة بسهولة)
• Dojox GFX من مجموعة أدوات Dojo

Answer 2

شبكة SVG من Google هل هذا. وفقا لموقع المشروع:

SVG Web هي مكتبة JavaScript التي توفر دعم SVG على العديد من المتصفحات ، بما في ذلك Internet Explorer و Firefox و Safari. باستخدام دعم المكتبة بالإضافة إلى دعم SVG الأصلي ، يمكنك على الفور استهداف ~ 95 ٪ من قاعدة الويب المثبتة الحالية.

في حين تم وصفها على أنها مكتبة JavaScript ، فإنها تتطلب أيضًا Flash 9+. هذه ليست مشكلة عادة ، ولكن إذا كنت في بيئة الشركات مع فلاش قديم أو عدم وجود وميض في محطات العمل ، فلن تعمل.

أيضا ، لا يزال في ألفا والتي يمكن أن تكون مشكلة ، اعتمادا على ماهية مشروعك.

Answer 3

أظن SVGWEB هو الطريق للذهاب ، حتى لو كان يعتمد على فلاش لأن VML بعيد عن أن يكون سريعًا بما يكفي لكثير من التطبيقات.

Answer 4

يوفر Adobe البرامج النصية لاكتشافك وتثبيته وإعادة توجيهك تلقائيًا إلى موقعك الأصلي:

http://support.adobe.com/devsup/devsup.nsf/docs/51780.htm

http://www.adobe.com/svg/workflow/autoinstall.html

لقد كنت أستخدم هذا بنجاح إلى حد ما على موقعي.

Answer 5

سيكون الحل الأكثر تقنيًا هو استخدام شيء مثل SVG_Alike (أدخل إخطار تضارب المصالح هنا :)). يتحقق من دعم SVG ، ثم إذا لم يجدها ، فإنها تحل محل جميع صور SVG باستخدام PNG.

https://github.com/forwardadvance/SVG_ALIKE

تفقد مزايا تكبير المتجه السلس ، ودعم شبكية العين ، ولكن من غير المرجح أن يستفيد مستخدمو IE8 من هذه الميزات على أي حال.

الميزة هي أنه ليس عليك تحويل صورك إلى JavaScript. أعتقد أنه يوفر 80 ٪ من القيمة ل 5 ٪ من العمل.