Андрей Милин
492 сообщения
#12 лет назад
Всем привет, ребята! Кстати, солнечный - с острова Самуи))

Недавно задался вопросом, но пока никак не могу найти ответа)

В общем, хотелось бы узнать, есть ли какой-то способ автоматически сгенерировать/превратить CSS код в картинку?

К примеру, есть небольшой CSS код, где задаются размеры (например, 300х300px), рамка 10px, а внутри текст с такими-то отступами.

И нужно, чтобы была какая-то кнопка, допустим, "Скачать в JPEG" , нажав на которую, пользователь смог скачать картинкой то, что получается посредством CSS.

Существует ли вообще такая возможность?
Андрей А.
798 сообщений
#12 лет назад
Теоретически есть.
Разобрать ксс, а потом на сервере сгенерировать картинку.
В php есть библиотеки для создания изображений.
Елена Б.
6863 сообщения
#12 лет назад
[offtopic]print screen [/offtopic]
Андрей Милин
492 сообщения
#12 лет назад
b0nn1e, уже радует, зацепочка есть)

floppox, в том-то вот и суть - чтобы потом ни в каких программах ничего не вырезать) Нажал кнопочку - нужный кусочек отдельно картинкой скачался
Елена Б.
6863 сообщения
#12 лет назад
And-Re, если надо дешево и сердито - использовать сервис скриншотов, из полученой от него картинки вырезать нужную облатсть. Если нормально - устанавливать у себя все, что нужно для сервера скриншотов, и от этого плясать.
Если самому обрабатывать css, то результат может здорово отличаться от того, что видит пользователь.
Андрей А.
798 сообщений
#12 лет назад
And-Re, В общем вот вам два пруфлинка, в зависимости от того по какому пути решите пойти.
Автоматическое создание скриншотов -
Автоматическое создание картинок -
Андрей Милин
492 сообщения
#12 лет назад
b0nn1e, спасибо, вторая близко, будем изучать.
Надежда С.
349 сообщений
#12 лет назад
Вы про base64? Не стала вникать в суть вопроса
Андрей А.
798 сообщений
#12 лет назад
WebAir, нет :P
Никита Липинский
403 сообщения
#12 лет назад
[offtopic]
[quote="And-Re"]Недавно задался вопросом[/quote]

А какая конечная цель? Что с этими картинками делать?

[/offtopic]
Андрей Халецкий
3562 сообщения
#12 лет назад
А главное - из ЦСС картинки нельзя получить по определнию ибо это только стили, а нужно как минимум то на что они будут накладываться.
Что до вырезания из отрендеренной страницы FireShot вам в помощь.
Антон Б.
79 сообщений
#12 лет назад
Можно попробовать поколдовать с JavaScript и Canvas. В теории можно на js написать скрипт, обрабатывающий css+html самостоятельно и создающий картинку canvas, которую уже можно скачать. Но это не скачивание изображения, который выдаёт вам браузер, а своя обработка стилей и кода, которую можно максимально приблизить к той, что будет в браузере. Возможны и трудности. Хотя это очень интересно, если увлекаетесь и если цель того стоит.
Роман Беляев
16382 сообщения
#12 лет назад
[quote="Acreator"]Но это не скачивание изображения, который выдаёт вам браузер, а своя обработка стилей и кода, которую можно максимально приблизить к той, что будет в браузере. [/quote]
То есть небольшой такой браузерный движок на js? Смело!
Евгений Ч.
6 сообщений
#12 лет назад
frig, смело, но уже реализовано