javascript - PHP 将 Canvas 保存为图像时出现 500 Internal Server Error

Question

尝试将服务器上的 Raphael Paper 作为图像保存，我有以下代码:

$(function() {

$("#printBtn").click(function() {

var svg1 = $("#map > svg").get();
var svg = $('#map').html().replace(/>\s+/g, ">").replace(/\s+</g, "<").replace(/<canvas.+/g,"");
// strips off all spaces between tags

canvg('cvs', svg, {        
ignoreMouse: true, 
ignoreAnimation: true
});  
var canvas  = document.getElementById('cvs');
var img = canvas.toDataURL("image/png");
});          
});     

});
</script>

在我的 process.php 上我有:

<?php
$data = substr($_POST['imageData'], strpos($_POST['imageData'], ",") + 1);
$decodedData = base64_decode($data);
fclose();
echo "/canvas.png";

但我从 process.php 收到 500 内部服务器错误

您能否告诉我为什么会发生这种情况以及如何阻止它？

谢谢

Answer 1

您的错误来自服务器，而不是来自浏览器中运行的 JavaScript。所以问题出在你的 php 脚本中。

这里有一个简单的语法错误:

data = substr($_POST['imageData'], strpos($_POST['imageData'], ",") + 1);

应该是:

$data = substr($_POST['imageData'], strpos($_POST['imageData'], ",") + 1);
^ here

顺便说一句，当你收到 500 个错误时，你应该始终检查服务器错误日志和/或在 php 中显示错误:

ini_set('display_errors', 1);

可能与以下内容结合使用:

error_reporting(E_ALL | E_STRICT);