Как получить массив пикселей из окна браузера без использования холста

Question

Я пытаюсь получить массив пикселей экрана (веб-страницы), но я не знаю, как это сделать без использования холста (либо прямо, либо сначала преобразование HTML-элементов dom в холст). Мне нужно захватить каждый пиксель на экране, и я не знаю, какая операционная система будет использоваться, поэтому я не могу запросить отображение из O/S. Есть ли сторонний инструмент, возможно, или способ сделать это из объекта window в DOM?

Answer 1

У меня есть только одна идея. Возможно, вам стоит попытаться перенести эту функциональность на сервер. Вы можете использовать WkHtmlToPDF (http://wkhtmltopdf.org/) для сохранения веб-сайтов в виде PDF, pdf-файла, который вы можете преобразовать в изображение и прочитать пиксельный массив.

Answer 2

Как веб-разработчиков, не имеющих контроля клиентской машине, есть два подхода к получению скриншот веб-страницы:

1. открыть веб-страницу в обезглавленный браузере на сервере и сделать скриншот там. phantomjs - популярный.
2. (Я включил это для полноты, хотя вы сказали, что не хотите использовать этот маршрут): используйте элемент canvas на клиенте. html2canvas - интересный проект, который перерисовывает весь HTML-документ в элемент canvas, поэтому можно сделать снимок экрана.

Если ваш вариант использования позволяет это, вы можете, конечно, проинструктировать своих пользователей сделать скриншот и вставить его в форму для загрузки, которая может обрабатывать изображения из буфера обмена. В Windows это касается нажатия «Экран печати» и CTRL + V.

Answer 3

Здесь api для создания изображений с веб-страниц в Интернете: http://www.page2images.com/Create-Website-Screenshot-with-Javascript-API