を使用して生成されたデータURIを変換してみました
canvas.Canvas.toDataURL();
次のコードを使用して、データURIを画像として保存しようとしています
<?php $data = $_POST['image_designed'];
echo $data; //Data URI
echo '<img src="'.$data.'"/>'; //Getting the image perfectly
//removing the "data:image/png;base64," part
$uri = substr($data,strpos($data,",")+1);
header('Content-type: image/png');
echo base64_decode($uri);exit; //Just image place holder displaying instead of full image
次のデータを取得しています
$data = data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAEsCAYAAADq/K67AAAgAElEQVR4Xky9WY8l6Xnn90acPffMqspauqqrit3sZrO5z2g0FATJIw0G8L0/gr
//Very longer data than this which cannot be pasted here
最終的な画像結果は間違っています。エラー画像のプレースホルダーを表示するだけです。理由は「$data の途中で長いスペースを見つけた」ためだと推測しました。しかし、それは src タグで画像をうまくレンダリングします。