בדיקות תמיכה SVG על פני מנועי דפדפן אינטרנט [מקרה מבחן]
SVG (Scalable Vector Graphics) נתמך באופן רשמי על ידי כל דפדפני האינטרנט העיקריים, כולל Internet Explorer. התמיכה משתרעת על מגוון רחב של תוכנות לעריכת תמונות, במיוחד Inkscape, המשתמשת ב- SVG בפורמט המקורי שלה (אם אתה רוצה רענון ב- SVG, לחץ כאן).
אבל מה בדיוק נתמך על ידי דפדפני אינטרנט? האם כל מנועי העיבוד מציגים קובצי SVG ותכונותיהם באותו אופן? ומה עם התכונות המתקדמות שלהם כמו מסננים? ובכן זה מה שאנחנו הולכים לגלות. לקחנו דגימה של דפדפנים מודרניים, כולל כמה מן הפחות ידועים לשמצה בדקו אותם בקובץ SVG שנעשה למטרה זו.
תמונת הבדיקה
הכנו את תמונת הבדיקות שלנו המתמקדת באלמנטים שהאמנים נוטים להשתמש בהם. בין התכונות שנבדקו הן: נתיבי טקסט ואת האינטראקציות שלהם, gradients, מסנן טשטוש gaussian ולבסוף מסנן מרוכב מתקדם מוערמים סוגי מסנן יותר.
מנועי דפדפן אינטרנט
מנוע להבהב
התחלנו עם - ללא ספק את המנוע הנפוץ ביותר טיוח - בלינק. Blink הוא המנוע המקורי לדפדפני Chrome ו- Chrome של Google, אופרה ו- Android WebView. כל הדפדפנים שהוזכרו לעיל מעבדים בדיקות תמונות באותו אופן על פני הפלטפורמות הנבדקות.
כאשר לעומת התמונה המקורית המיוצר על ידי Inkscape, לא היו בעיות למעט הבדל קטן בעיבוד של אפקטים מסנן מוערמים.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| כרום | 43.0.2357.125 | לינוקס |  |
| אופרה | 30.0.1835.59 | לינוקס | |
| אופרה | 30.0.1856.93524 | אנדרואיד | |
| אופרה | 30.0.1835.88 | Windows | |
| Chrome | 38.0.2125.114 | אנדרואיד | |
| Chrome | 43.0.2357.130 | Windows | |
| לפיד | 39.0.0.9626 | Windows |
מנוע Webkit
על פי נתוני השימוש האחרונים בדפדפן, שלושת המיקומים המובילים אינם שייכים לדפדפנים מבוססי webkit (נכון למאי 2015). עם זאת, מנוע זה נפוץ בקרב מפתחים. יתר על כן יש מימושים שונים ומזלגות של זה
כל הדפדפנים שנבדקו העבירו את קובץ ה- SVG שלנו ללא בעיות; עם זאת, ההבדלים בהפיכת תאורה ספקולארית, רכיב מסנן מורכב, נצפו בהשוואה לאינקסקייפ.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| ספארי | 8.0.6 | MacOS |  |
| אוטר | 0.9.05 | לינוקס | |
| QupZilla | 1.8.6 | לינוקס | |
| QupZilla | 1.8.6 | Windows | |
| דולפין | 10.3.1 | אנדרואיד | |
| כובש | 15.04.2 | לינוקס | |
| דפדפן UC | 10.5.0.575 | אנדרואיד |
מנוע טריידנט
Trident הוא מנוע קנייני המשמש את Internet Explorer גרסה 4.0 - 11.0. IE לפרש SVG שלנו בצורה מושלמת. יתר על כן, המראה המסנן מורכב תואם את התמונה המקורית הטובה ביותר. אנחנו גם נבדק IE 9, השני המשמש ביותר IE (כמו של מאי 2015) ומצא כי גירסה זו היו בעיות עם gaussian לטשטש מסנן מורכב.
זו לא הפתעה אף, כמו IE 9 שוחרר בתחילה לפני הטיוטה הסופית של SVG 1.1 SE רגיל, שבו אפקטים מסנן נוספו באופן רשמי.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| IE | 11.0.9600.17843 | Windows |  |
| דפדפן | גרסה | פלטפורמה | תוצאה |
| IE | 9.0.8112.16421 | Windows |  |
מנוע גקו
Gecko הוא מנוע שפותח על ידי Mozilla Corporation ובכך משמש בדפדפן האינטרנט Firefox או לקוח דוא"ל Thunderbird. הוא משמש גם על ידי דפדפנים PaleMoon, Waterfox ומזלגות רבים אחרים של גירסאות מוקדמות פיירפוקס. במקרה של מנוע גקו התוצאות לא היו בדיוק אותו הדבר על פני פלטפורמות שונות.
גירסת Windows הציגה תקלה קטנה בהפיכת הטקסט לאורך הנתיב; אותה בעיה נצפתה הן בדפדפן Firefox והן בדפדפן PaleMoon. בדיוק כמו Webkit, גקו נראה שיש בעיה עם טיוח כראוי מסנן תאורה מסויים פרימיטיבית.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| אתר | 38.0.5 | לינוקס |  |
| אתר | 38.0.5 | אנדרואיד | |
| ירח חיוור | 25.5 | אנדרואיד |
| דפדפן | גרסה | פלטפורמה | תוצאה |
| אתר | 38.0.5 | Windows |  |
| ירח חיוור | 25.5 | Windows |
דפדפנים בעייתיים
כפי שניתן לראות לעיל, כל הגרסאות האחרונות של מנועי עיבוד / דפדפנים גדולים עברו את הבדיקה ללא קשיים משמעותיים. בואו לבדוק את אלה שלא עשו זאת טוב.
מקסתון הוא דפדפן חוצה פלטפורמות שפותח בסין. לדברי פאהד חאן 20 דפדפני אינטרנט עבור Windows Maxthon משתמש בשני מנועי Trident ו Webkit. לא ראינו שום בעיה עם עיבוד SVG על לינוקס (v. 1.0.5.3) ו- Windows (v. 4.4.5.3000); עם זאת, על מכשיר אנדרואיד לא gaussian לטשטש ולא מסננים אחרים primitives היו שניתנו.
דפדפן CM ביצע במהירות על בדיקות סמסונג גלקסי S3 המכשיר שלנו, אבל זה גם לא תומך בכל ההשפעות המסנן המתואר על ידי מפרט SVG 1.1 SE.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| מקסתון | 4.4.6.2000 | אנדרואיד |  |
| דפדפן CM | 5.1.94 | אנדרואיד |
כובש הוא דפדפן ברירת המחדל עבור KDE, אחת מסביבות שולחן העבודה הנפוצות ביותר של Linux. היכולת לעבד קובצי SVG ב Konqueror תלוי במנוע טיוח. עם WebKit מופעלת SVG הבדיקה שלנו היה כראוי. עם זאת, מנוע החיפוש של ברירת המחדל של K Konquoror, KHTML, נראה חסר תמיכה במספר תכונות: אפקטי מסנן אינם מוחלים על אובייקטים בסיסיים ועל סימני שבץ, והטקסט לאורך נתיבי נתיב או תבנית אינו מוצג כלל.
| דפדפן | גרסה | פלטפורמה | תוצאה |
| קונקורור KHTML | 15.04.2 | לינוקס |  |
סיכום
במבחן שלנו התמקדנו בתמיכת פורמט SVG על פני מנועי עיבוד אינטרנט מודרניים. בדקנו 4 מנועי עיבוד עיקריים ו -15 דפדפנים שונים, כולל אלה הפופולריים כמו מקסתון או דולפין. כמעט כל הגירסאות הנוכחיות של הדפדפנים עברו את הבדיקה שלנו וקשה לבחור מנצח סופי.
נראה ש תמיכה ו הערימה הנכונה של פרימיטיבים לסנן הוא האתגר האחרון שנותר עבור מנועי טיוח של ימינו. כאשר אנו משווים את התמונה המקורית SVG עם כל התוצאות שניתנו, אנו סובייקטיבי למנות את IE 11 (מנוע טריידנט) עבור המקום הראשון.
עם זאת, ברור כי מנוע בלינק נמצא במרדף קרוב ולכן אנו ממליצים על דפדפנים מבוססי Blink עבור עיבוד קבצי SVG. אם ברצונך לבצע בדיקה מהירה של הדפדפן המועדף עליך, אל תהסס להשתמש בדף הבדיקה של SVG כאן.
הערת העורך: פוסט זה נכתב עבור Hongkiat.com על ידי מיכל רוסט. מיכל עובדת כמתכנתת בחברת ביו-רפואית, אך מקדישה את זמנו החופשי לפיתוח אפליקציות קוד פתוח ופורטלים ברשת ללא מטרות רווח. הוא המייסד של scalablegfx. אתה יכול למצוא אותו בטוויטר.
