SVG palaikymo testavimas žiniatinklio naršyklėje [atvejo tyrimas]
SVG (Scalable Vector Graphics) yra oficialiai palaikoma visose pagrindinėse žiniatinklio naršyklėse, įskaitant „Internet Explorer“. Parama apima daugybę vaizdo redaktorių programinės įrangos, ypač „Inkscape“, kuri naudoja SVG kaip savo gimtąjį formatą (jei norite atnaujinti SVG, spustelėkite čia).
Bet ką tiksliai palaiko interneto naršyklės? Ar visi atvaizdavimo varikliai pateikia SVG failus ir jų funkcijas taip pat? O kaip apie jų pažangias funkcijas, pvz., Filtrus? Na, ką mes išsiaiškinsime. Mes paėmėme šiuolaikinių naršyklių pavyzdį, įskaitant kai kuriuos mažiau žinomus išbandė juos šiam tikslui parengtai SVG rinkmenai.
Bandymo vaizdas
Mes paruošėme testavimo vaizdą, kuriame dėmesys sutelktas į elementus, kuriuos menininkai dažniausiai naudoja. Tarp išbandytų funkcijų yra: teksto keliai ir jų sąveika, gradientai, gauso neryškus filtras ir galiausiai išplėstas sudėtinis filtras, sukrautas iš daugiau filtrų tipų.
Interneto naršyklės varikliai
Blink variklis
Mes pradėjome - iki šiol dažniausiai veikiančiu atvaizdavimo varikliu - „Blink“. „Blink“ yra „Google“ „Chrome“ ir „Chromium“ naršyklės, „Opera“ ir „Android WebView“ vietinis variklis. Visos pirmiau minėtos naršyklės testuoja vaizdus vienodai visose bandomose platformose.
Palyginus su originaliu „Inkscape“ sukurtu vaizdu, nebuvo jokių problemų, išskyrus nedidelį skirtumą tarp sukrautų filtrų efektų.
| Naršyklė | Versija | Platforma | Rezultatas |
| Chromas | 43.0.2357.125 | Linux |  |
| Opera | 30.0.1835.59 | Linux | |
| Opera | 30.0.1856.93524 | „Android“ | |
| Opera | 30.0.1835.88 | „Windows“ | |
| „Chrome“ | 38.0.2125.114 | „Android“ | |
| „Chrome“ | 43.0.2357.130 | „Windows“ | |
| Lemputė | 39.0.0.9626 | „Windows“ |
„Webkit“ variklis
Pagal naujausią naršyklės naudojimo statistiką, trys geriausios pozicijos nepriklauso žiniatinklio kodo naršyklėms (nuo 2015 m. Gegužės mėn.). Tačiau šis variklis yra plačiai paplitęs tarp kūrėjų. Be to, yra įvairių jos įgyvendinimo būdų ir šakių
Visos išbandytos naršyklės suteikė SVG failą be problemų; vis dėlto, palyginti su „Inkscape“, buvo pastebėti skirtumai tarp kompozicinio filtro komponento „Specular Lighting“ pateikimo.
| Naršyklė | Versija | Platforma | Rezultatas |
| „Safari“ | 8.0.6 | MacOS |  |
| Otter | 0.9.05 | Linux | |
| QupZilla | 1.8.6 | Linux | |
| QupZilla | 1.8.6 | „Windows“ | |
| Delfinas | 10.3.1 | „Android“ | |
| Konqueror | 15.04.2 | Linux | |
| UC naršyklė | 10.5.0.575 | „Android“ |
Trident variklis
„Trident“ yra patentuotas variklis, naudojamas „Internet Explorer“ versijose 4.0 - 11.0. IE puikiai interpretavo mūsų SVG. Be to, kompozicinio filtro išvaizda geriausiai atitinka originalų vaizdą. Mes taip pat išbandėme IE 9, antrą dažniausiai naudojamą IE (nuo 2015 m. Gegužės mėn.), Ir nustatėme, kad ši versija turėjo problemų su „Gaussian“ neryškiu ir sudėtiniu filtru.
Tačiau tai nenuostabu, nes IE 9 iš pradžių buvo išleistas prieš galutinį SVG 1.1 SE standarto projektą, kuriame buvo oficialiai pridėta filtro efektų.
| Naršyklė | Versija | Platforma | Rezultatas |
| T.Y | 11.0.9600.17843 | „Windows“ |  |
| Naršyklė | Versija | Platforma | Rezultatas |
| T.Y | 9.0.8112.16421 | „Windows“ |  |
Gecko variklis
„Gecko“ yra „Mozilla Corporation“ sukurtas variklis, naudojamas „Firefox“ žiniatinklio naršyklėje arba „Thunderbird“ el. Ją taip pat naudoja naršyklės „PaleMoon“, „Waterfox“ ir daug kitų ankstesnių „Firefox“ versijų šakių. Gecko variklio atveju skirtingose platformose rezultatai nebuvo vienodi.
„Windows“ versija parodė truputį trikdžių teksto palei kelią; ta pati problema buvo pastebėta ir „Firefox“, ir „PaleMoon“ naršyklėse. Kaip ir „Webkit“, atrodo, kad „Gecko“ susiduria su sunkumais dėl teisingo „Specular Lighting“ filtro primityvumo.
| Naršyklė | Versija | Platforma | Rezultatas |
| „Firefox“ | 38.0.5 | Linux |  |
| „Firefox“ | 38.0.5 | „Android“ | |
| PaleMoon | 25.5 | „Android“ |
| Naršyklė | Versija | Platforma | Rezultatas |
| „Firefox“ | 38.0.5 | „Windows“ |  |
| PaleMoon | 25.5 | „Windows“ |
Probleminės naršyklės
Kaip matyti aukščiau, visos naujausios pagrindinių atvaizdavimo variklių / naršyklių versijos išlaikė mūsų testą be didelių sunkumų. Pažvelkime tuos, kurie to nepadarė.
Maxthon yra Kinijoje sukurta įvairių platformų naršyklė. Pasak „Fahad Khan“ 20 alternatyvių interneto naršyklių, „Windows Maxthon“ naudoja tiek „Trident“, tiek „Webkit“ variklius. Mes nepastebėjome jokių problemų, susijusių su SVG atvaizdavimu Linux (v. 1.0.5.3) ir Windows (v. 4.4.5.3000); tačiau, naudojant „Android“ įrenginį, nebuvo pateikta nei „Gaussian“, nei kitų filtrų primityvių.
CM naršyklė greitai atlikome bandymus „Samsung“ galaktikos S3 įrenginyje, tačiau jis taip pat nepalaiko jokio filtro efekto, aprašyto SVG 1.1 SE specifikacijoje.
| Naršyklė | Versija | Platforma | Rezultatas |
| Maxthon | 2000 6 4 | „Android“ |  |
| CM naršyklė | 5.1.94 | „Android“ |
Konqueror yra numatytoji „KDE“ naršyklė, viena iš populiariausių „Linux“ darbalaukio aplinkų. Galimybė pateikti SVG failus „Konqueror“ priklauso nuo atvaizdavimo variklio. Naudojant „WebKit“ įgalinta mūsų testavimas SVG buvo teisingai pateiktas. Tačiau „Konqueror“ numatytasis atvaizdavimo variklis KHTML trūksta kelių funkcijų palaikymo: filtro efektai netaikomi pagrindiniams objektams ir smūgių pabaigos žymekliams, o tekstas išilgai kelio ar modelio objektų apskritai nėra pateiktas.
| Naršyklė | Versija | Platforma | Rezultatas |
| Konqueror KHTML | 15.04.2 | Linux |  |
Išvada
Mūsų bandyme mes sutelkėme dėmesį į SVG formato palaikymą visuose moderniuose interneto teikimo varikliuose. Išbandėme 4 pagrindinius atvaizdavimo variklius ir 15 skirtingų naršyklių, įskaitant populiarius, tokius kaip „Maxthon“ ar „Dolphin“. Beveik visos dabartinės naršyklės versijos praėjo per mūsų testą ir sunku pasirinkti galutinį nugalėtoją.
Atrodo, kad parama ir teisingai filtruoti pirminius filtrus yra paskutinis likęs iššūkis šiuolaikiniams utilizavimo varikliams. Palygindami savo originalų SVG vaizdą su visais pateiktais rezultatais, mes subjektyviai paskiriame IE 11 (Trident variklį) pirmajai vietai.
Tačiau aišku, kad „Blink“ variklis yra glaudžiai vykdomas, todėl rekomenduojame „Blink“ pagrindu veikiančias naršykles SVG failams pateikti. Jei norite atlikti greitą savo mėgstamos naršyklės testą, nedvejodami naudokite SVG pateikimo testo puslapį čia.
Redaktoriaus pastaba: Šis pranešimas yra parašytas „Hongkiat.com“ Michal Rost. Michal dirba kaip biomedicinos kompanijos programuotojas, bet laisvalaikį skiria atviro kodo programų ir ne pelno interneto portalų kūrimui. Jis yra scalablegfx įkūrėjas. Jį galite rasti Twitter.
