Сохранить содержимое DIV как изображение

Question

У меня есть div, который показывает некоторый контент (несколько изображений, текст, плавающие элементы и т. Д.), И я хотел бы добавить возможность для пользователя сделать что-то вроде «Сохранить этот контент как изображение».

Как я могу это сделать? Я прочитал все документы php, но ничего хорошего не сделать, даже imagegrabwindow отстой из-за его высокой нагрузки, ограничений браузера, а также без X/Y или управления шириной и высотой.

Так что, в основном, я хочу это сделать: Получите контент #div, нажмите «Сохранить как изображение», тогда пользователь получит .JPG или .PNG этого div, как если бы это был экран для печати (снимок экрана).

Я не хочу предварительно генерировать контент с помощью GD, и я также не хочу сохранять его как .PDF.

Answer 1

Единственное, что я действительно могу представить, это сериализовать содержимое/размещение/атрибуты содержимого в div, отправить его на сервер и создать сервер, воссоздающий те же элементы, одинаковое расположение, те же атрибуты с GD ,

Off верхней части моей головы, я хотел бы видеть, возможно, осматривая DIV и создание в основном в форме поста, что-то вроде:

POST['images'][0]['file']='plane.jpg' 
POST['images'][0]['position']['x']=23 
POST['images'][0]['position']['y']=13 
...repeat for each image 
POST['text'][0]['content']='this is a plane!' 
POST['text'][0]['size']='10px' 
POST['text'][0]['font']='Arial' 

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