Как беше направено - Бизнес линч
Прекрасно и удобно (няма нужда да се забърквате с Photoshop или Javascript). И сега драсканиците на арт директора ще трябва да се показват на сайта.
На линияИ така, оставаме сами с XML данните в базата данни. Приблизително така:
Ако откажете да мигате, тогава трябва да напишете, така че текстът да остане текст (търсачките ще бъдат щастливи). Сега е ясно към какво трябва да се стремите: да събирате страници от три слоя - оригиналната снимка отдолу, след това „цилиндрите“ за прегледи и текста отгоре:
Сенките на средния слой са полупрозрачни, което означава, че имате нужда от PNG. И засега на наше разположение е само XML - което означава, че имаме нужда от конвертор. Разумно е да използвате SVG формат: той е едновременно векторна графика и XML код.
Създаването на SVG от XML е толкова лесно, колкото да махнете крушите - има XSLT. Но няма веднага да разберете как да направите PNG от SVG. (В края на краищата имаме нужда от автоматизация, която ще работи на Unix сървър).
Програмата ImageMagick работи отдавна, с нейна помощ правим "предварителни прегледи" в индустриален мащаб (например за "Rutina").
ImageMagick разбира подмножество от SVG формата, но само Picasso ще бъде доволен от резултата (вдясно):
Последно натисканеОтне почти ден, за да намеря правилния инструмент. Има около дузина преобразуватели на SVG към PNG (невинаги е известно колко превъзхождат ImageMagick), всички те изискват инсталирането на допълнителни програми и тези зависимости се разпръскват: всеки нов компонент изисква още няколко.
Оказа се, че е най-разумно да инсталирате SVG растеризатор от комплекта Batik. Въпреки това Java също трябваше да бъде инсталирана, за да работи, така че този метод е не само разумен, но и модерен.
всичкотехнологичната верига като резултат съдържа следния набор от ключови думи: Flash, XML, XSL, PNG, Java.
Това ли е всичко?Не, разбира се, че не. В допълнение към peenge файла се създава и gif, който да зарадва собствениците на по-стари браузъри. А отделна XSLT трансформация създава HTML маркиране, което поставя текстови блокове на правилните места.