Сохранение содержимого Div или холста как изображения - PullRequest
2 голосов
/ 07 сентября 2011

Я прочитал несколько похожих вопросов и ответов, но ни один из них не решает полностью мою проблему.

Вот мой сценарий: У меня есть то, что похоже на tinyMCE (домашний напиток)версия хоть) вид редактора.Он позволяет пользователям вводить некоторый текст, а также изображение или два и т. Д. У меня есть код, который принимает элементы и переводит их в меньший элемент div (что по сути является миниатюрой) в режиме реального времени.

Вот что я хочу сделать В конечном счете, пользователь может захотеть использовать свою «страницу» где-то еще, поэтому я хотел бы позволить им перейти на экран, просмотреть эскизы каждогостраницы, и выберите один.

Вот проблема Очевидно, я мог бы просто использовать один и тот же код миниатюры для визуализации миниатюры каждой страницы.Тем не менее, она может быть интенсивно используемой пропускной способностью (каждая страница может иметь несколько изображений, не говоря уже о том, что вычисление придется выполнять много раз - мы говорим, возможно, от 40 до 50 миниатюр на странице предварительного просмотра).Я хотел попробовать взять div с миниатюрами и каким-то образом создать png или jpg, когда они сохранят страницу в редакторе (таким образом, код для страницы, а также миниатюру изображения), и перенести его в свой PHP-скрипт, чтобы сохранитьизображение на сервер.

Моя первая мысль состояла в том, что, возможно, холст мог бы сделать это, но есть проблема сначала с переводом текста и изображений на холст, что может или не может быть возможным.

Итак, вот оноявляется.Я заинтересован в любых опциях, включая коммерческие библиотеки, если таковые имеются, которые будут делать это - единственное, что хотелось бы, чтобы это было в javascript.

1 Ответ

5 голосов
/ 07 сентября 2011

Вы можете посмотреть на: http://html2canvas.hertzen.com/

Подобный вопрос уже задавался: Захват экрана с помощью PHP и / или Javascript?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...