Почетна » Цодинг » Тестирање СВГ подршке преко веб претраживача (студија случаја)

    Тестирање СВГ подршке преко веб претраживача (студија случаја)

    СВГ (Сцалабле Вецтор Грапхицс) је званично подржан од стране свих главних веб претраживача, укључујући Интернет Екплорер. Подршка се протеже на широк спектар софтвера за обраду слика, посебно Инксцапе, који користи СВГ као свој изворни формат (ако желите освежавање на СВГ-у, кликните овде).

    Али шта тачно подржава веб претраживач? Да ли сви мотори за приказивање приказују СВГ датотеке и њихове функције на исти начин? А шта је са њиховим напредним функцијама као што су филтери? То је оно што ћемо сазнати. Узели смо узорак модерних претраживача, укључујући и неке од мање познатих, и тестирао их са СВГ датотеком направљеном у ту сврху.

    Слика тестирања

    Припремили смо нашу слику тестирања која се фокусира на елементе које ће уметници најчешће користити. Међу тестираним карактеристикама су: текстуалне стазе и њихове интеракције, градијенти, филтер Гауссиан Блур и коначно напредни композитни филтер сложен из више типова филтера.

    Веб претраживачи

    Блинк енгине

    Почели смо са - далеко најчешћим рендерирањем - Блинк. Блинк је изворни мотор за Гоогле Цхроме и Цхромиум претраживаче, Опера и Андроид ВебВиев. Сви горе наведени претраживачи приказују тестирање слика на исти начин на тестираним платформама.

    У поређењу са оригиналном сликом коју је произвео Инксцапе, није било проблема осим мале разлике у приказивању ефеката сложених филтера.

    Прегледач Версион Платформа Резултат
    Цхромиум 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. године). Међутим, овај мотор је широко распрострањен међу програмерима. Осим тога, постоје разне имплементације и вилице

    Сви тестирани претраживачи су донијели СВГ датотеку без проблема; ипак, разлике у приказу Спецулар Лигхтинг, композитне компоненте филтера, уочене су у поређењу са Инксцапе-ом.

    Прегледач Версион Платформа Резултат
    Сафари 8.0.6 МацОС
    Видра 0.9.05 Линук
    КупЗилла 1.8.6 Линук
    КупЗилла 1.8.6 Виндовс
    делфин 10.3.1 Андроид
    Конкуерор 15.04.2 Линук
    УЦ Бровсер 10.5.0.575 Андроид

    Тридент енгине

    Тридент је власнички мотор који користи Интернет Екплорер верзије 4.0 - 11.0. ИЕ је наш СВГ савршено интерпретирао. Осим тога, изглед композитног филтера најбоље одговара оригиналној слици. Такође смо тестирали ИЕ 9, други најчешће коришћени ИЕ (од маја 2015) и установили да ова верзија има проблема са Гауссовим замагљењем и композитним филтром.

    Ово није изненађење, јер је ИЕ 9 првобитно објављен пре коначног нацрта СВГ 1.1 СЕ стандарда, у којем су званично додавани ефекти филтера.

    Прегледач Версион Платформа Резултат
    ИЕ 11.0.9600.17843 Виндовс
    Прегледач Версион Платформа Резултат
    ИЕ 9.0.8112.16421 Виндовс

    Гецко енгине

    Гецко је мотор који је развила Мозилла Цорпоратион и који се користи у Фирефок веб претраживачу или Тхундербирд е-маил клијенту. Користе га и претраживачи ПалеМоон, Ватерфок и многе друге форке ранијих верзија Фирефока. У случају Гецко мотора резултати нису били исти на различитим платформама.

    Виндовс верзија је показала мали проблем у приказивању текста дуж стазе; исти проблем је примећен иу Фирефок и ПалеМоон претраживачима. Баш као и Вебкит, Гецко изгледа да има проблема са исправним приказивањем примитиве филтера Спецулар Лигхтинг.

    Прегледач Версион Платформа Резултат
    Фирефок 38.0.5 Линук
    Фирефок 38.0.5 Андроид
    ПалеМоон 25.5 Андроид
    Прегледач Версион Платформа Резултат
    Фирефок 38.0.5 Виндовс
    ПалеМоон 25.5 Виндовс

    Проблематични прегледници

    Као што се може видети горе, све најновије верзије главних рендеринг мотора / претраживача су прошле тест без значајних потешкоћа. Хајде да проверимо оне који то нису добро урадили.

    Мактхон је цросс-платформ претраживач развијен у Кини. Према Фахад Кхану, 20 алтернативних веб претраживача за Виндовс, Мактхон користи и Тридент и Вебкит моторе. Нисмо приметили никакав проблем са СВГ рендеровањем на Линуку (в. 1.0.5.3) и Виндовсу (в. 4.4.5.3000); међутим, на Андроид уређају није било приказано ни Гауссово замућење нити други примитивни филтери.

    ЦМ Бровсер Брзо смо се тестирали на нашем тестном Самсунг Галаки С3 уређају, али не подржавају нити један од ефеката филтера описаних у СВГ 1.1 СЕ спецификацији.

    Прегледач Версион Платформа Резултат
    Мактхон 4.4.6.2000 Андроид
    ЦМ Бровсер 5.1.94 Андроид

    Конкуерор је подразумевани претраживач за КДЕ, један од најпопуларнијих Линук десктоп окружења. Могућност приказивања СВГ датотека у Конкуерор-у зависи од механизма за приказивање. Са омогућеним ВебКит-ом, тестирање СВГ-а је исправно приказано. Међутим, Конкуерор-ов подразумевани механизам за рендеровање, КХТМЛ, изгледа да нема подршку неколико функција: ефекти филтера се не примењују на основне објекте и ознаке завршетка, а текст дуж објеката путање или узорак уопште није приказан.

    Прегледач Версион Платформа Резултат
    Конкуерор КХТМЛ 15.04.2 Линук

    Закључак

    У нашем тесту фокусирали смо се на подршку СВГ формата преко модерних веб рендер мотора. Тестирали смо 4 главна мотора и 15 различитих претраживача укључујући популарне Мактхон или Долпхин. Готово све тренутне верзије претраживача прошле су кроз наш тест и тешко је изабрати коначног победника.

    Чини се да подршка и исправно слагање примитивних филтера је последњи изазов за данашње рендерове моторе. Када упоредимо нашу оригиналну СВГ слику са свим приказаним резултатима, субјективно именујемо ИЕ 11 (Тридент мотор) за прво место.

    Међутим, јасно је да је Блинк мотор у блиској потрази и стога препоручујемо Блинк-базиране претраживаче за рендеровање СВГ датотека. Ако желите да извршите брзи тест вашег омиљеног претраживача, слободно користите нашу СВГ рендерер страницу за пробу.

    Напомена уредника: Овај пост је написао за Хонгкиат.цом Мицхал Рост. Мицхал ради као програмер у биомедицинској компанији, али своје слободно вријеме посвећује развоју апликација отвореног кода и непрофитних веб портала. Он је оснивач скалабилног гфк-а. Можете га наћи на Твиттеру.