如何使用php获取画布数据并将其转换

Question

我需要获取画布数据并使用PHP解码它，我的代码如下：

<canvas id="canvas" name="canvas" class="img-responsive thumbnail" style="margin-bottom:9px;"></canvas>
<?php
  $dataURL=$_POST['canvas'];
?>

在这里，我需要将其转换为toDataURL()并将其保存到服务器中。没有AJAX呼叫可以吗？

请帮帮我。

Answer 1

如果要将画布作为图像保存到服务器，则必须使用AJAX，但不能仅在PHP中执行：

var url = canvas.toDataURL();
$.ajax({
  type: "POST",
  url: "canvas_save.php",
  data: { 
     imageToSave: url
  },
  success: function(response){

  }
});

然后在您的php canvas_save.php脚本中，您将拥有：

$dataURL = $_POST['imageToSave'];
$decoded_image = base64_decode($dataURL);
file_put_contents('full_path_including_file_name_and_extension', $decoded_image);