Собственно для примитивного редактора необходимо реализовать превьюшки (самый банальный пример — превьюшки слайдов в PowerPoint). Но столкнулся с такой проблемой, как отображение текста. Первоначально планировал реализовать превьюшки на HTML — по реализации было просто но сталкнулся с проблемой. Ресайз текста. Есть довольно большие проблемы с пропорциями да и в некоторых браузерах (например в опере) указан минимальный размер шрифта (9px). Да и выглядит убого…
Все реализации что я видел из подобного реализуют это через canvas — но только вот конвертировать div в canvas не представляется возможным. Точнее проекты по реализации оного находятся в довольно плачевном состоянии.
Генерить каждый раз картинку — вариант, относительно простой и довольно качественные превьюшки выходят. Но это вызывает нехилую нагрузку на сервер, учитывая что генерация превьюшек будет происходить каждую секунду (пользователей много)…
Может ли кто нибудь предложить мне более мение нормальный вариант (что-то между сложной реализацией — все на клиенте и простая реализация — все на сервере)
Можно в превью весь текст через js перевести каждую букву в пробел а весь текст(получившиеся пробелы) в блоках поместить в inline элементы фон данных элементов перекрасив цвет шрифта в блоках. При демонстрации данных миниатюр строки будут смотреться естественно практически в любом масштабе.
Простой
