एसवीजी वेब ब्राउजर इंजन के लिए एसवीजी समर्थन का परीक्षण [केस स्टडी]

एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) आधिकारिक तौर पर इंटरनेट एक्सप्लोरर सहित सभी मुख्य वेब ब्राउज़रों द्वारा समर्थित है। समर्थन कई प्रकार के इमेज एडिटर सॉफ़्टवेयर में फैला है, विशेष रूप से इंकस्केप, जो एसवीजी को अपने मूल प्रारूप के रूप में उपयोग करता है (यदि आप एसवीजी पर रिफ्रेशर चाहते हैं, तो यहां क्लिक करें).

लेकिन क्या वास्तव में वेब ब्राउज़र द्वारा समर्थित है? क्या सभी रेंडरिंग इंजन एसवीजी फाइलों और उनकी विशेषताओं को उसी तरह प्रदर्शित करते हैं? और फिल्टर जैसी उनकी उन्नत सुविधाओं के बारे में क्या? खैर हम यही जानने जा रहे हैं। हमने कुछ कम कुख्यात लोगों और, सहित आधुनिक ब्राउज़रों का एक नमूना लिया इस उद्देश्य के लिए बनाई गई एसवीजी फ़ाइल के साथ उनका परीक्षण किया.

परीक्षण छवि

हमने अपने परीक्षण चित्र को उन तत्वों पर ध्यान केंद्रित करने के लिए तैयार किया जिन्हें कलाकार सबसे अधिक उपयोग करते हैं। परीक्षण की विशेषताओं में हैं: पाठ पथ और उनकी अंतःक्रियाएं, ग्रेडिएंट, गाऊसी ब्लर फिल्टर और अंत में अधिक फिल्टर प्रकारों से स्टैक्ड एक उन्नत मिश्रित फिल्टर.

वेब ब्राउज़र इंजन

पलक इंजन

हमने शुरू किया - अब तक का सबसे लगातार रेंडरिंग इंजन - ब्लिंक। ब्लिंक Google के क्रोम और क्रोमियम ब्राउज़र, ओपेरा और Android WebView के लिए मूल इंजन है। उपर्युक्त सभी ब्राउज़र्स परीक्षण किए गए प्लेटफ़ॉर्म पर उसी तरह परीक्षण छवियां प्रदान करते हैं.

जब Inkscape द्वारा निर्मित मूल छवि की तुलना में, स्टैक्ड फ़िल्टर प्रभावों के प्रतिपादन में मामूली अंतर के अलावा कोई समस्या नहीं थी.

ब्राउज़र	संस्करण	मंच	परिणाम
क्रोमियम	43.0.2357.125	लिनक्स
ओपेरा	30.0.1835.59	लिनक्स
ओपेरा	30.0.1856.93524	एंड्रॉयड
ओपेरा	30.0.1835.88	विंडोज
क्रोम	38.0.2125.114	एंड्रॉयड
क्रोम	43.0.2357.130	विंडोज
मशाल	39.0.0.9626	विंडोज

वेबकिट इंजन

हालिया ब्राउज़र उपयोग के आंकड़ों के अनुसार, शीर्ष तीन स्थितियां वेबकिट आधारित ब्राउज़र (मई 2015 तक) की नहीं हैं। हालाँकि, यह इंजन डेवलपर्स के बीच व्यापक है। Futhermore इसके विभिन्न कार्यान्वयन और कांटे हैं

सभी परीक्षण किए गए ब्राउज़रों ने समस्याओं के बिना हमारी एसवीजी फ़ाइल प्रदान की; फिर भी, इंकस्केप की तुलना में स्पेक्युलर लाइटिंग, एक मिश्रित फिल्टर घटक के प्रतिपादन में अंतर देखा गया.

ब्राउज़र	संस्करण	मंच	परिणाम
सफारी	8.0.6	मैक ओ एस
ऊद	0.9.05	लिनक्स
QupZilla	1.8.6	लिनक्स
QupZilla	1.8.6	विंडोज
डॉल्फिन	10.3.1	एंड्रॉयड
Konqueror	15.04.2	लिनक्स
यूसी ब्राउज़र	10.5.0.575	एंड्रॉयड

त्रिशूल का इंजन

ट्रिडेंट एक मालिकाना इंजन है जिसका उपयोग इंटरनेट एक्सप्लोरर संस्करणों 4.0 - 11.0 द्वारा किया जाता है। IE ने हमारे एसवीजी की पूरी तरह से व्याख्या की। इसके अलावा, मिश्रित फिल्टर उपस्थिति मूल छवि से सबसे अच्छी तरह मेल खाती है। हमने IE 9 का भी परीक्षण किया, दूसरा सबसे अधिक इस्तेमाल किया IE (मई 2015 के अनुसार) और पाया कि इस संस्करण में गाऊसी धब्बा और छन्नी के साथ समस्या थी.

यह आश्चर्य की बात नहीं है, क्योंकि IE 9 को शुरू में SVG 1.1 SE मानक के अंतिम मसौदे से पहले जारी किया गया था, जिसमें फ़िल्टर प्रभाव आधिकारिक तौर पर जोड़े गए थे.

ब्राउज़र	संस्करण	मंच	परिणाम
अर्थात	11.0.9600.17843	विंडोज

ब्राउज़र	संस्करण	मंच	परिणाम
अर्थात	9.0.8112.16421	विंडोज

गेको इंजन

गेको मोजिला कॉर्पोरेशन द्वारा विकसित एक इंजन है और इस प्रकार इसका उपयोग फ़ायरफ़ॉक्स वेब ब्राउज़र या थंडरबर्ड ईमेल क्लाइंट में किया जाता है। इसका उपयोग ब्राउज़रों PaleMoon, Waterfox और कई अन्य फ़ायरफ़ॉक्स संस्करणों के फोर्क्स द्वारा भी किया जाता है। गेको इंजन के मामले में विभिन्न प्लेटफार्मों पर परिणाम बिल्कुल समान नहीं थे.

विंडोज संस्करण ने पथ के साथ पाठ को प्रस्तुत करने में थोड़ी गड़बड़ दिखाई; फ़ायरफ़ॉक्स और PaleMoon ब्राउज़र दोनों में एक ही समस्या देखी गई थी। वेबकिट की तरह, गेको को स्पेक्युलर लाइटिंग फिल्टर आदिम को सही तरीके से प्रस्तुत करने में परेशानी होती है.

ब्राउज़र	संस्करण	मंच	परिणाम
फ़ायरफ़ॉक्स	38.0.5	लिनक्स
फ़ायरफ़ॉक्स	38.0.5	एंड्रॉयड
धुन्धला सा चॉंद	25.5	एंड्रॉयड

ब्राउज़र	संस्करण	मंच	परिणाम
फ़ायरफ़ॉक्स	38.0.5	विंडोज
धुन्धला सा चॉंद	25.5	विंडोज

समस्याग्रस्त ब्राउज़र

जैसा कि ऊपर देखा जा सकता है, प्रमुख रेंडरिंग इंजन / ब्राउज़र के सभी हाल के संस्करणों ने महत्वपूर्ण कठिनाइयों के बिना हमारे परीक्षण को पारित कर दिया है। आइए उन लोगों की जांच करें जो इतना अच्छा नहीं करते थे.

मैक्सथन चीन में विकसित एक क्रॉस-प्लेटफ़ॉर्म ब्राउज़र है। फहद खान के अनुसार विंडोज मैक्सथन के लिए 20 वैकल्पिक वेब ब्राउज़र ट्रिडेंट और वेबकिट दोनों इंजनों का उपयोग करते हैं। हमने लिनक्स (v। 1.0.5.3) और विंडोज (v। 4.4.5.3000) पर एसवीजी प्रतिपादन के साथ किसी भी समस्या पर ध्यान नहीं दिया है; हालाँकि, एंड्रॉइड डिवाइस पर न तो गॉसियन ब्लर और न ही अन्य फिल्टर प्राइमेटिव का प्रतिपादन किया गया था.

मुख्यमंत्री ब्राउज़र हमारे परीक्षण सैमसंग गैलेक्सी एस 3 डिवाइस पर तेजी से प्रदर्शन किया, लेकिन यह एसवीजी 1.1 एसई विनिर्देश द्वारा वर्णित फिल्टर प्रभावों में से किसी का भी समर्थन नहीं करता है.

ब्राउज़र	संस्करण	मंच	परिणाम
मैक्सथन	4.4.6.2000	एंड्रॉयड
मुख्यमंत्री ब्राउज़र	5.1.94	एंड्रॉयड

Konqueror केडीई के लिए एक डिफ़ॉल्ट ब्राउज़र है, सबसे लोकप्रिय लिनक्स डेस्कटॉप वातावरण में से एक है। Konqueror में SVG फ़ाइलों को रेंडर करने की क्षमता रेंडरिंग इंजन पर निर्भर करती है। WebKit सक्षम होने के साथ हमारे परीक्षण SVG को सही तरीके से प्रस्तुत किया गया था। हालाँकि, कोनकेर का डिफ़ॉल्ट रेंडरिंग इंजन, KHTML, कई विशेषताओं के समर्थन की कमी प्रतीत होता है: फ़िल्टर प्रभाव अंतर्निहित ऑब्जेक्ट और स्ट्रोक एंड मार्कर पर लागू नहीं होते हैं, और पथ या पैटर्न ऑब्जेक्ट के साथ पाठ बिल्कुल भी रेंडर नहीं किए जाते हैं.

ब्राउज़र	संस्करण	मंच	परिणाम
कोनेकर KHTML	15.04.2	लिनक्स

निष्कर्ष

हमारे परीक्षण में हमने आधुनिक वेब रेंडरिंग इंजनों में एसवीजी प्रारूप के समर्थन पर ध्यान केंद्रित किया। हमने 4 मुख्य रेंडरिंग इंजन और 15 विभिन्न ब्राउज़रों का परीक्षण किया, जिनमें मैक्सथन या डॉल्फिन जैसे लोकप्रिय व्यक्ति शामिल हैं। ब्राउज़रों के लगभग सभी वर्तमान संस्करण हमारे परीक्षण से गुजरे हैं और एक निश्चित विजेता का चयन करना कठिन है.

यह लगता है कि समर्थन तथा फिल्टर आदिम का सही स्टैकिंग वर्तमान प्रतिपादन इंजन के लिए अंतिम शेष चुनौती है। जब हम सभी प्रदान किए गए परिणामों के साथ हमारे मूल एसवीजी चित्र की तुलना करते हैं, तो हम पहले स्थान के लिए IE 11 (ट्राइडेंट इंजन) को नामांकित करते हैं।.

हालांकि, यह स्पष्ट है कि ब्लिंक इंजन निकट खोज में है और इस प्रकार हम एसवीजी फ़ाइलों के प्रतिपादन के लिए ब्लिंक-आधारित ब्राउज़रों की सलाह देते हैं। यदि आप अपने पसंदीदा ब्राउज़र का त्वरित परीक्षण करना चाहते हैं, तो हमारे एसवीजी रेंडरर परीक्षण पृष्ठ का उपयोग करने के लिए स्वतंत्र महसूस करें.

संपादक की टिप्पणी: यह पोस्ट Hongkiat.com के लिए Michal Rost ने लिखी है। मिशल एक बायोमेडिकल कंपनी में प्रोग्रामर के रूप में काम करते हैं, लेकिन अपना खाली समय ओपन सोर्स ऐप और गैर-लाभकारी वेब पोर्टल के विकास के लिए समर्पित करते हैं। वह स्केलेबलग्राफ का संस्थापक है। आप उसे ट्विटर पर पा सकते हैं.