X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Создать изображение из div
photos-masters
photos-masters
Topic Starter сообщение 16.5.2012, 18:06; Ответить: photos-masters
Сообщение #1


Здравствуйте

Натолкните пожалуйста на мысль как можно реализовать такую вещь:
Есть несколько элементов div на html странице. Некоторые содержат текст, некоторые картинку в качестве фона. Они накладываются один на другой и в итоге формируют некое изображение.
С помощью jquery дана возможность изменять размеры и положение этих элементов.

Теперь вопрос: Как можно преобразовать эти элементы div в одно изображение, чтобы пользователь мог сохранить его себе на компьютер или отправить кому-то?
Мне не нужно сохранять это изображение на сервере а просто выдать в браузер.

Заранее спасибо за помощь
Виталий
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 17.5.2012, 5:52; Ответить: zabmix
Сообщение #2


Либо вам использовать скрипт на стороне сервера, генерирующий такую картинку средствами Imagick или же попробовать разобраться как работает вот эта штука, мне и самому интересно, да вот лень :)

Возможно все намного проще чем кажется.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photos-masters
photos-masters
Topic Starter сообщение 17.5.2012, 11:52; Ответить: photos-masters
Сообщение #3


Да, эта штука - это то что надо. Смотрю работает на основе canvas. Где-то я видел скрипт, который преобразует их в изображения.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 17.5.2012, 11:56; Ответить: zabmix
Сообщение #4


найдете ответ, будьте добры поделитесь :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 17.5.2012, 16:50; Ответить: Arks
Сообщение #5


Пока насколько я знаю нет такого. Возможно в следующих версиях браузеров появится нативная возможность делать скриншоты посредством javascript тогда это будет не проблема. А пока можно посмотреть как реализованы расширения для снятия скриншотов в том же ФФ, написать свое и сделать js-API для его вызова. Можно и на js написать конвертер html2графика для canvas'а но так впадлу, тем более в разных браузерах разные стили. В общем сомнительное удовольствие - если бы было действительно нужно разрабы его бы включили в javascript. А пока всем хватает C-шных плагинов к браузерам
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zabmix
zabmix
сообщение 17.5.2012, 20:55; Ответить: zabmix
Сообщение #6


плавно переходите на Flash да будет там вам счастье и результат, но вот удобно ли будет.. :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photos-masters
photos-masters
Topic Starter сообщение 18.5.2012, 15:23; Ответить: photos-masters
Сообщение #7


Нашёл подходящий вариант решения этой задачи:
Вот по этой ссылке есть информация как элемент img на canvas нанести - http://stackoverflow.com/questions/3651176...working-with-th
А здесь - информация о том, как canvas в изображение превратить - http://motyar.blogspot.com/2010/04/save-ht...a-as-image.html
То есть в div'ы вставляем картинки, накладываем друг на друга как нам нужно, переносим всё на canvas и сохраняем как изображение.
Всё просто, спасибо всем!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photos-masters
photos-masters
Topic Starter сообщение 18.5.2012, 17:17; Ответить: photos-masters
Сообщение #8


Вот ещё вопрос появился: Как мне нанести на canvas текст в прямоугольнике с полупрозрачным фоном.
У меня есть div, который содержит этот текст и его фон как раз полупрозрачный. Если есть возможность нарисовать на canvas элемент div, то вообще классно будет:)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 342 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Как создать страницу для пункта меню?
Как создать страницу для меню, если файлы хранятся в одноименной папке
16 press74 1516 11.11.2022, 20:34
автор: estic
Открытая тема (нет новых ответов) Нужно создать букс (на местной валюте)
0 imvaisov 1248 10.7.2020, 15:08
автор: imvaisov
Открытая тема (нет новых ответов) Ищу исполнителя. Создать сайт на OpenCart и сделать перенос интернет магазина
4 ssdavidoff 1738 13.4.2020, 2:32
автор: Vmir
Открытая тема (нет новых ответов) Создать магазин по дизайну
2 Mukis 1312 30.1.2020, 17:16
автор: Mukis


 



RSS Текстовая версия Сейчас: 29.1.2023, 16:43
Дизайн