Какой скрипт загрузки php я могу использовать для сохранения canvas как png на локальный компьютер?

Question

Я хочу, чтобы загрузить html2canvas в файл изображения, используя скрипт загрузки php. На странице есть скользящая панель с фигурами для пользователя, чтобы выбрать упражнение. Веб-страница с отображаемыми результатами должна быть захвачена и сохранена в файл изображения.

Ниже приведен сценарий, который я использовал, встроенный в html-код.

function triggerPull() { 
    if (document.getElementById('name').value != "") { 
     html2canvas(document.getElementById('body'), { 
      onrendered: function(canvas) { 
       var dataURL = canvas.toDataURL('img/png'); 
       canvas.src = dataURL; 
       document.getElementById('url').value = dataURL; 
       document.download.submit(); 
      } 
     }); 
    } else { 
     alert('Please fill in your name first.'); 
    } 
} 

Я пробовал сценарий ниже для файла downloader.php. Я получаю только пустой файл с именем downloader.php.png Пожалуйста, помогите!

header('Content-type: image/png'); 
header('Content-Disposition: attachment; filename="' . $_POST['name'] .'"'); 
$encoded = $_POST['img']; 
$encoded = str_replace(' ', '+', $encoded); 
$decoded = base64_decode($encoded); 
echo $decoded; 
?> 

Answer 1

Попробуйте этот код

$file = $_POST['url']; 
$file = str_replace(' ', '+', $file); 
header('Content-Description: File Transfer'); 
header('Content-Type: application/octet-stream'); 
header('Content-Disposition: attachment; filename=chart.png'); 
header('Content-Transfer-Encoding: binary'); 
readfile($file);