PHPダウンロードスクリプトのみを使用して、html2canvasを画像ファイルにダウンロードできるようにしたいと考えています。このページには、ユーザーが演習用に選択できる形状のスライド バーがあります。結果が表示された Web ページをキャプチャして、画像ファイルに保存する必要があります。
以下は、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;
?>