Как я могу сохранить несколько Div в качестве изображения?

Question

Я пытаюсь создать интерфейс для пользователя, чтобы он мог выбрать или выбрать цвет глаз, кожи и т. Д. Модели.Я действительно в пути с div s и CSS.Я использую Ajax для загрузки изображений в div s.

Моя проблема заключается в том, что мне нужно предложить пользователю опцию, чтобы он мог сохранить изображение в формате JPEG или PNG.

Оглядываясь вокруг, я обнаружил материал HTML5 Canvas в переполнении стека, но он не совместим с Internet Explorer,

• Создание изображения DIV в JavaScript (GIF / PNG)
• Как сохранить div как изображение на стороне клиента, где div содержит один или несколько элементов HTML5 canvas?

Мне нужна помощь, чтобы найти что-то совместимое со всеми браузерами.

Я также нашел этот код JavaScript:

button = document.createElement("img");
button.src = "http://example.com/livechart.gif?interval=15"

Но я не знаю много ометод createElement.

Я знаю CSS, но JavaScript выше моих знаний.

Answer 1

Полагаю, вы могли бы сделать это с помощью HTML canvas и некоторого JavaScript: Canvas2Image: сохранение данных Canvas в файл изображения .

Answer 2

Вы хотите сделать снимок экрана браузера? Ну, есть много способов, которыми вы можете попробовать , но все они будут зависеть от браузера. Наиболее надежным было бы просто сказать пользователю сделать скриншот с ОС. На Mac это Command-Shift-4, затем пробел; на ПК это ALT-PrtScr, я думаю.

Answer 3

Вы не можете сделать это в браузере, вы должны сделать это на сервере.

см .: Преобразовать веб-страницу в изображение