Проблема с html2canvas

Question

Мне нужно, чтобы дочернее изображение появилось в новом подразделении, оно помещает его за пределы тега HTML и обрезает дно при сохранении каких-либо предложений?

Мне удалось заставить Клона работать TY для этого Посоветуйте ... Но в моей загрузке все еще отсутствует приложение. 50 пикселей от нижней части изображения ..... До сих пор не выяснили, как вернуть URL изображения назад, и хотели бы, чтобы клон появлялся прямо под моим сгенерированным изображением, а не за пределами страницы ..... любой совет по этому поводу ?

          function screenshot(){
                html2canvas(document.getElementById("capture")).then(function(canvas) {   


                     var elmnt = document.getElementsByTagName("DIV")[2];
                     var cln = elmnt.cloneNode(true);
                     document.body.appendChild(cln);

                    // Get base64URL
                    var base64URL = canvas.toDataURL('image/jpg').replace('image/jpg', 'image/octet-stream');

                    // AJAX request
                    $.ajax({
                        url: 'ajaxfile.php',
                        type: 'post',
                        data: {image: base64URL},
                        success: function(data){
                            console.log('Upload successfully.');
                        }

                    });
                });
            }

Вот мой ajaxfile

$image = $_POST['image'];

$location = "upload/";

$image_parts = explode(";base64,", $image);

$image_base64 = base64_decode($image_parts[1]);

date_default_timezone_set("America/Chicago");
$filename = date("m_j_y-H_i_s").'.png';

$file = $location . $filename;
$imageurl  = 'upload/'.$filename.'.png';


file_put_contents($file, $image_base64);

echo $filename;
echo $file;
echo $location;
echo $image;