Подскажите как сделать скриншот одного блока? И сохранить это изображение на сервере?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Разве что сделать клон блока и сохранить его текстовое представление...

_____________

http://html2canvas.hertzen.com/screenshots.html есть такая штука

_____________
Чтобы понять, что такое рекурсия - нужно понять, что такое рекурсия.

      $(document).ready(function() {
                $('#megaButton').live('click',function(){
                    //собственно включение самого html2canvas
                    $('body').html2canvas();
                    setTimeout("makeIT()", 1000)
                });
            });
            function makeIT()
            {
                //если на странице только один canvas, то можно так:
                var canvas = $('canvas')[0];
                //получаем картинку в base64
                var data = canvas.toDataURL('image/png').replace(/data:image\/png;base64,/, '');

                //все возникшие проблемы решились удалением canvas
                $('canvas').remove();

                //засылаем картинку на сервер
                $.post('saveCPic.php',{data:data}, function(rep){
                     alert('Изображение '+rep+' сохранено' );
                });
            }

<?php
   //создаем какое-то имя, ну, например: 
   $name = time().'.png';
  //записываем, не забывая перекодировать из base64
  file_put_contents($name, base64_decode($_POST['data'] ));
  //отдаем обратно имя созданного файла 
  echo( $name );
?>

Источник https://habr.com/post/138331/