SVG atbalsta testēšana Web pārlūkprogrammu dzinējos [Case study]
SVG (Scalable Vector Graphics) ir oficiāli atbalstīta visās galvenajās tīmekļa pārlūkprogrammās, tostarp Internet Explorer. Atbalsts aptver plašu attēlu redaktora programmatūru, jo īpaši Inkscape, kas izmanto SVG kā savu dzimto formātu (ja vēlaties, lai SVG tiktu atjaunināts, noklikšķiniet šeit).
Bet ko tieši atbalsta tīmekļa pārlūkprogrammas? Vai visi dzinēju atveidošanas veidi parāda SVG failus un to funkcijas tādā pašā veidā? Un ko par to uzlabotas funkcijas, piemēram, filtrus? Nu tas ir tas, ko mēs uzzināsim. Mēs paņēmām paraugu mūsdienu pārlūkprogrammām, tostarp dažām mazāk pazīstamām, un pārbaudīja tos ar šim nolūkam izveidotu SVG failu.
Testēšanas attēls
Mēs sagatavojām testēšanas attēlu, koncentrējoties uz elementiem, kurus mākslinieki visticamāk izmantos. Starp pārbaudītajām funkcijām ir šādi: teksta ceļi un to mijiedarbība, gradienti, gaussas izplūdes filtrs un visbeidzot uzlabots kompozīta filtrs, kas sakrauts no vairākiem filtru tipiem.
Tīmekļa pārlūkprogrammu dzinēji
Blink dzinējs
Mēs sākām ar - visbiežāk sniegto dzinēju - Blink. Blink ir vietējais dzinējs Google Chrome un Chromium pārlūkiem, Opera un Android WebView. Visas iepriekš minētās pārlūkprogrammas testē attēlus vienādi visās pārbaudītajās platformās.
Salīdzinot ar oriģinālo attēlu, ko ražo Inkscape, nebija nekādu problēmu, izņemot nelielu atšķirību starp sakārtotu filtru efektu.
| Pārlūks | Versija | Platforma | Rezultāts |
| Hroms | 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 | |
| Lukturis | 39.0.0.9626 | Windows |
Webkit dzinējs
Saskaņā ar jaunāko pārlūkprogrammas lietošanas statistiku, trīs galvenās pozīcijas nepieder webkit balstītām pārlūkprogrammām (no 2015. gada maija). Tomēr šis dzinējs ir izplatīts starp izstrādātājiem. Turklāt ir arī dažādas realizācijas un dakšas
Visas pārbaudītās pārlūkprogrammas padarīja mūsu SVG failu bez problēmām; tomēr, salīdzinot ar Inkscape, tika novērotas atšķirības kompozītmateriālu filtra komponentes spuldzes apgaismojumā.
| Pārlūks | Versija | Platforma | Rezultāts |
| Safari | 8.0.6 | MacOS |  |
| Otter | 0.9.05 | Linux | |
| QupZilla | 1.8.6 | Linux | |
| QupZilla | 1.8.6 | Windows | |
| Delfīns | 10.3.1 | Android | |
| Konqueror | 15.04.2 | Linux | |
| UC pārlūks | 10.5.0.575 | Android |
Trident dzinējs
Trident ir patentēts dzinējs, ko izmanto Internet Explorer versijas 4.0 - 11.0. IE perfekti interpretēja mūsu SVG. Turklāt kompozīta filtra izskats atbilst vislabākajam oriģinālajam attēlam. Mēs arī pārbaudījām IE 9, otro visbiežāk izmantoto IE (no 2015. gada maija), un konstatējām, ka šai versijai bija problēmas ar gaussian blur un kompozīta filtru.
Tomēr tas nav pārsteigums, jo IE 9 sākotnēji tika izlaists pirms SVG 1.1 SE standarta galīgā projekta, kurā tika oficiāli pievienoti filtra efekti..
| Pārlūks | Versija | Platforma | Rezultāts |
| IE | 11.0.9600.17843 | Windows |  |
| Pārlūks | Versija | Platforma | Rezultāts |
| IE | 9.0.8112.16421 | Windows |  |
Gekko dzinējs
Gecko ir dzinējs, ko izstrādājis Mozilla Corporation un kas tiek izmantots Firefox tīmekļa pārlūkprogrammā vai Thunderbird e-pasta klientā. To izmanto arī pārlūkprogrammas PaleMoon, Waterfox un daudzas citas iepriekšējo Firefox versiju dakšas. Gecko dzinēja gadījumā rezultāti dažādās platformās nebija vienādi.
Windows versija parādīja nelielu glitch, padarot tekstu gar ceļu; tāda pati problēma tika novērota gan pārlūkprogrammā Firefox, gan PaleMoon. Tāpat kā Webkit, Gecko, šķiet, ir problēmas ar pareizu Specular Lighting filtra primitīvo atveidošanu.
| Pārlūks | Versija | Platforma | Rezultāts |
| Firefox | 38.0.5 | Linux |  |
| Firefox | 38.0.5 | Android | |
| PaleMoon | 25.5 | Android |
| Pārlūks | Versija | Platforma | Rezultāts |
| Firefox | 38.0.5 | Windows |  |
| PaleMoon | 25.5 | Windows |
Problēmas pārlūkprogrammas
Kā redzams iepriekš, visas jaunāko lielāko izciršanas dzinēju / pārlūkprogrammu versijas ir izturējušas mūsu pārbaudi bez būtiskām grūtībām. Apskatīsim tos, kas to nedarīja.
Maxthon ir pārrobežu platforma pārlūkprogramma, kas izstrādāta Ķīnā. Saskaņā ar Fahad Khan 20 alternatīvajām tīmekļa pārlūkprogrammām Windows Maxthon izmanto gan Trident, gan Webkit dzinējus. Mēs neesam ievērojuši nekādas problēmas ar SVG atveidošanu Linux (v. 1.0.5.3) un Windows (v. 4.4.5.3000); tomēr Android ierīcē netika sniegti ne Gausa blur, ne citi filtru primitīvi.
CM pārlūks ātri testēja mūsu Samsung galaktikas S3 ierīci, taču tā arī neatbalsta nevienu no SVG 1.1 SE specifikācijā aprakstītajiem filtra efektiem.
| Pārlūks | Versija | Platforma | Rezultāts |
| Maxthon | 4.4.6.2000 | Android |  |
| CM pārlūks | 5.1.94 | Android |
Konqueror ir noklusējuma pārlūkprogramma KDE, kas ir viena no populārākajām Linux darbvirsmas vidēm. Iespēja veikt SVG failus Konqueror ir atkarīga no atveidošanas dzinēja. Ar WebKit iespējota mūsu testēšana SVG tika sniegta pareizi. Tomēr Konqueror noklusējuma attēlveidošanas dzinējs KHTML nepietiek ar vairākām funkcijām: filtra efekti netiek piemēroti pamatā esošajiem objektiem un insultu gala marķieriem, un teksts gar ceļu vai rakstu objektiem vispār netiek sniegts.
| Pārlūks | Versija | Platforma | Rezultāts |
| Konqueror KHTML | 15.04.2 | Linux |  |
Secinājums
Mūsu testā mēs koncentrējāmies uz SVG formāta atbalstu mūsdienu tīmekļa renderēšanas dzinējos. Mēs pārbaudījām 4 galvenos izciršanas dzinējus un 15 dažādas pārlūkprogrammas, ieskaitot populāros, piemēram, Maxthon vai Dolphin. Gandrīz visas pašreizējās pārlūkprogrammu versijas iziet caur mūsu pārbaudi, un ir grūti izvēlēties galīgo uzvarētāju.
Šķiet, ka atbalstu un pareiza filtru primitīvo kraušana ir pēdējais izaicinājums mūsdienu izciršanas dzinējiem. Kad mēs salīdzinām mūsu sākotnējo SVG attēlu ar visiem sniegtajiem rezultātiem, mēs subjektīvi izvirzām IE 11 (Trident dzinējs) pirmo vietu.
Tomēr ir skaidrs, ka Blink dzinējs ir cieši saistīts, un tāpēc mēs iesakām pārlūkprogrammu Blink, lai padarītu SVG failus. Ja vēlaties veikt savu iecienītāko pārlūkprogrammas ātru pārbaudi, lūdzu, izmantojiet mūsu SVG atveidotāja testa lapu šeit.
Redaktora piezīme: Šis amats ir uzrakstīts uz Michk Rostu. Michal darbojas kā programmētājs biomedicīnas uzņēmumā, bet savu brīvo laiku velta atvērtā pirmkoda lietotņu un bezpeļņas interneta portālu izstrādei. Viņš ir scalablegfx dibinātājs. Viņu varat atrast čivināt.
