Сохранить div как изображение
Создать изображение из div
Натолкните пожалуйста на мысль как можно реализовать такую вещь:
Есть несколько элементов div на html странице. Некоторые содержат текст, некоторые картинку в качестве фона. Они накладываются один на другой и в итоге формируют некое изображение.
С помощью jquery дана возможность изменять размеры и положение этих элементов.
Теперь вопрос: Как можно преобразовать эти элементы div в одно изображение, чтобы пользователь мог сохранить его себе на компьютер или отправить кому-то?
Мне не нужно сохранять это изображение на сервере а просто выдать в браузер.
Заранее спасибо за помощь
Виталий
div и изображение
Добрый вечер как посредством JavaScript вставить изображение в нужный div?
менять фоновое изображение у
При нажатии на ссылку в div добавляется изображение
В смысле есть div c атрибутом contenteditable=»true», и при нажатии на ссылку в него добавляется.
Вставить изображение в div
Можно ли как-то вставить изображение в DIV блок, не вытягивая его и не растягивая. Допустим есть.
Это конечно да. Я даже начал сразу действовать в данном направлении, но столкнулся со множеством задач и непростых вычислений. Например текст в блоке div может находится в любом месте на фоновом изображении и при этом фон его div’a может быть полупрозрачным.
В общем если долго копаться то можно сделать то что мне нужно через ПХП, но просто я получаю отличный результат с помощью html +сss и думаю есть способ сделать что-то типа скриншота определённой области страницы или преобразовать div’ы, скажем, в canvas или svg, а уже из него получить изображение.
Добавлено через 1 час 51 минуту
Вот ещё вопрос появился: Как мне нанести на canvas текст в прямоугольнике с полупрозрачным фоном.
У меня есть div, который содержит этот текст и его фон как раз полупрозрачный. Если есть возможность нарисовать на canvas элемент div, то вообще классно будет 
Как преобразовать все данные div в изображение и сохранить его в каталог без использования холста?
Я уже создал свои данные (содержащий шаблон, изображение, текст, ярлык и т. д.) внутри div. Теперь я хочу преобразовать его в формат изображения. есть ли какой-либо метод преобразования определенного содержимого div в изображения без использования canvas.anybody PLZ помочь мне! Я хочу преобразовать весь контент «mydiv» в изображение и сохранить это изображение в моем каталоге изображений, когда я нажимаю «Сохранить»?
Возможно, вам стоит взглянуть на решение на основе Flash, если вы не можете использовать (хотя, если это специально не нужно работать в старых версиях IE, я не уверен, почему вы не можете).
http://flashcanvas.net/ – это эмуляция с использованием Flash, которая может помочь вам в том, куда вам нужно идти. В документации говорится, что он поддерживает toDataURL() чтобы он мог работать для вас.
Можете ли вы более подробно рассказать о своих ограничениях в отношении и о том, что вы уже пытались попробовать?
Я не использовал его раньше, но ваш код JavaScript будет выглядеть примерно так:
Я тут же применил это в действии: http://jsfiddle.net/Sq7hg/1/
В этом jsfiddle показано, как использовать метод toDataURL() для преобразования холста в изображение и добавления его в документ. Сохранение сгенерированного изображения на сервере представляет собой бесконечно более сложную задачу, поскольку для этого потребуется вызов AJAX или что-то подобное, чтобы отправить данные изображения в скрипт PHP, который преобразует сгенерированные data: URL-адрес фактического изображения и затем сохраняет его в каталог, который у вас есть разрешение на запись. Если это то, что вам нужно сделать, а не в этом, я бы рекомендовал начать с этого вопроса о переполнении стека: как сохранить холст HTML5 как изображение на сервере
Это прекрасно работает … должно быть самым простым решением.
Как я могу сохранить div как изображение на стороне клиента, где div содержит один или несколько элементов HTML5 canvas?
Элемент Div ‘canvasesdiv’ содержит три холста HTML5.
Как я могу сохранить изображение, объединяющее все холсты, присутствующие внутри div ‘canvasesdiv’ на стороне клиента, используя JavaScript?
2 ответа
Предположим, у меня есть div и внутри, что div у меня есть несколько элементов управления формы, такие как текстовые поля,dropdow checkbox,переключатели и т. д. Теперь я хочу, чтобы, когда пользователь нажимает определенную кнопку, содержимое div будет нарисовано на холсте. Я ищу в google.
Я пытаюсь заменить HTML5 Canvas на простой
Это очень похоже на предыдущий вопрос, на который я ответил: save-many-canvas-element-as-image
Вкратце: нарисуйте все холсты на одном из них, а затем получите изображение с помощью toDataURL()
rest является алгоритмическим.
Похожие вопросы:
В моем приложении Meteor я успешно опубликовал данные на стороне сервера и подписался на эти данные на стороне клиента. Теперь вместо того, чтобы отправлять необработанные данные прямо на экран.
Я работаю над веб-приложением Image mashup. Я хочу избежать flash или других неприятностей с клиентами и просто сделать это чисто HTML+javascript. Чтобы сохранить его легким, я хотел бы выполнить.
У меня был html5 canvas с изображением. Люди могут edit/ настроить изображение с помощью javascript. После всего сделанного у них должна быть возможность разместить это изображение на своей стене.
Предположим, у меня есть div и внутри, что div у меня есть несколько элементов управления формы, такие как текстовые поля,dropdow checkbox,переключатели и т. д. Теперь я хочу, чтобы, когда.
Я пытаюсь заменить HTML5 Canvas на простой
Я пытаюсь построить интерфейс для пользователя, чтобы он мог выбрать или выбрать цветные глаза, кожу и т. д. модели. Я действительно нахожусь в пути с div s и CSS. Я использую Ajax для загрузки.
Возможный Дубликат : Получить данные изображения в Javascript? Привет, У меня есть один div, у которого уже определен фон (Примечание: это один слой, на теге или фоновом изображении тела), и есть.
Как сохранить содержимое diva в изображение
Собственно есть div. В нём может быть картинка произвольного размера и несколько других вложенных divов произвольного содержания.
Так вот, надо всё содержимое внешнего (большого) diva сохранить как изображение (например в jpg или gif)
как это можно сделать вообще нет вариантов.
Сохранить содержимое выделенных ячеек как изображение и отправить POST запросом
Здравствуйте! Мне необходимо сохранить содержимое выделенных ячеек как изображение и отправить.
Наложение Diva поверх другого diva
Помогите уже час думаю как сделать не получается.
Сохранить/сохранить как изображение
Всем привет. Написал программу, с помощью которой можно рисовать изображения, однако возникла.
Webbrowser как сохранить содержимое
Ребята подскажите! В компоненте webbrowser delphi открываю определенную страницу после чего.
Содержимое большого дива генерится на сервере.
Текст и картинки которые должны быть на большом диве подгружаются или создаются юзером на странице. Текст в редакторе (шрифт, размер, [b], [i], [u]), картинки просто пожгружаются в специальную небольшую область. Потом это всё drag&dropом перетаскивается в большой див. Размеры этого дива остаются такими же как их в самом начале сделал сервер. Осталось это всё теперь просто как-то сохранить.
Это сделано с использованием Java-script?
Вам нужно адаптировать генерацию на картинке изначально, то есть если это див, то соответственно надо рисовать квадрат со следующими настройками, текст, тогда текст поверх, и все последовательно через GD PHP. Другого выхода я не вижу, если только Вы не найдете уже готовою библиотеку конвертации html в понятный GD или ИмеджМеджик (не уверен, что он поможет чем-то) формат работы.
Как сохранить содержимое MEMO
При нажатии на кнопку сохранить содержимое MEMO не указывая путь (путь указан в коде )!Заранее.
Как сохранить содержимое PictureBox?
Вот код открытия изображений в pictureBox1. void ОткрытьToolStripMenuItemClick(object sender.
Как сохранить содержимое ComboBox?
Я в textbox пишу данные, они добавляются в combobox, но если перезапустить форму, то все записи.
Как можеть сохранить содержимое Stringgrid a
:good:в Delphi 6 можеть сохранить содержимое Stringgrid c помошю конструкции.
Как преобразовать все данные div в изображение и сохранить его в каталог без использования холста?
Я уже создал свои данные (содержащий шаблон, изображение, текст, ярлык и т. д.) внутри div. Теперь я хочу преобразовать его в формат изображения. есть ли какой-либо метод преобразования определенного содержимого div в изображения без использования canvas.anybody PLZ помочь мне! Я хочу преобразовать весь контент «mydiv» в изображение и сохранить это изображение в моем каталоге изображений, когда я нажимаю «Сохранить»?
Возможно, вам стоит взглянуть на решение на основе Flash, если вы не можете использовать (хотя, если это специально не нужно работать в старых версиях IE, я не уверен, почему вы не можете).
http://flashcanvas.net/ – это эмуляция с использованием Flash, которая может помочь вам в том, куда вам нужно идти. В документации говорится, что он поддерживает toDataURL() чтобы он мог работать для вас.
Можете ли вы более подробно рассказать о своих ограничениях в отношении и о том, что вы уже пытались попробовать?
Я не использовал его раньше, но ваш код JavaScript будет выглядеть примерно так:
Я тут же применил это в действии: http://jsfiddle.net/Sq7hg/1/
В этом jsfiddle показано, как использовать метод toDataURL() для преобразования холста в изображение и добавления его в документ. Сохранение сгенерированного изображения на сервере представляет собой бесконечно более сложную задачу, поскольку для этого потребуется вызов AJAX или что-то подобное, чтобы отправить данные изображения в скрипт PHP, который преобразует сгенерированные data: URL-адрес фактического изображения и затем сохраняет его в каталог, который у вас есть разрешение на запись. Если это то, что вам нужно сделать, а не в этом, я бы рекомендовал начать с этого вопроса о переполнении стека: как сохранить холст HTML5 как изображение на сервере
Это прекрасно работает … должно быть самым простым решением.