Скриншот DIV блока или всего сайта

Данный пост посвящен методу создания качественного скриншота div блока или всего сайта с помощью плагина html2canvas, который преобразует содержимое div блока в изображения и выводит в отдельный элемент canvas.  Если вникнуть в сам алгоритм создания скриншота сайта, то можно увидеть, что сценарий плагина html2canvas проходит по DOM страницы, тем самым строит представление о ее структуре основываясь на свойствах объектов DOM.

В процессе использования данного плагина, некоторые элементы сайта на скриншоте могут кардинально отличаться. Данная проблема связана с тем, что плагин html2canvas еще не полностью воспринимает стили объектов (CSS). Читать далее Скриншот DIV блока или всего сайта