将用户制作的SVG(raphael.js)发送到服务器(php),以便通过电子邮件发送

经过更多的阅读,我找到了一个相当简单的解决方案,如果有人在这里遇到类似的问题,那就是:

使用将SVG转换为普通画布后 canvg 您可以使用canvas.toDataURL()方法,然后您所需要做的就是POST生成的URL并在服务器上对其进行解码。我使用了一个隐藏的输入字段。注意不要使用JQuery来获取画布,因为JQuery不会返回实际的画布,而是返回一个JQuery对象。

var canvas = document.getElementById('canvas');
var dataUrl = canvas.toDataURL();
$('#hiddenInput').val(dataUrl);

在服务器端:

$encodeData = $_POST['dataUrl'];
$encodeData = substr($encodeData, strpos($encodeData, ',') + 1); //strip the URL of its headers
$decodeData = base64_decode($encodeData);
$handle = fopen('test.png', 'x+');
fwrite($handle, $decodeData);
fclose($handle);

SVG现在以png的形式出现在服务器上。