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

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

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

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

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

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

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

Цитата ("And-Re"):
Недавно задался вопросом


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

Андрей Халецкий
3562 сообщения
#11 лет назад
А главное - из ЦСС картинки нельзя получить по определнию ибо это только стили, а нужно как минимум то на что они будут накладываться.
Что до вырезания из отрендеренной страницы FireShot вам в помощь.
Антон Б.
79 сообщений
#11 лет назад
Можно попробовать поколдовать с JavaScript и Canvas. В теории можно на js написать скрипт, обрабатывающий css+html самостоятельно и создающий картинку canvas, которую уже можно скачать. Но это не скачивание изображения, который выдаёт вам браузер, а своя обработка стилей и кода, которую можно максимально приблизить к той, что будет в браузере. Возможны и трудности. Хотя это очень интересно, если увлекаетесь и если цель того стоит.
Роман Беляев
16382 сообщения
#11 лет назад
Цитата ("Acreator"):
Но это не скачивание изображения, который выдаёт вам браузер, а своя обработка стилей и кода, которую можно максимально приблизить к той, что будет в браузере.

То есть небольшой такой браузерный движок на js? Смело!
Евгений Ч.
6 сообщений
#11 лет назад
frig, смело, но уже реализовано