Ajax XMLhttprequest Post到PHP和旋转图像

var xhr = new XMLHttpRequest();

xhr.open("POST", "example.php", true);

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理响应数据
    var response = xhr.responseText;
    console.log(response);
  }
};

var data = "name=John&age=25";
xhr.send(data);

$name = $_POST['name'];
$age = $_POST['age'];

<canvas id="myCanvas"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

var img = new Image();
img.onload = function() {
  // 旋转图像
  ctx.translate(canvas.width / 2, canvas.height / 2);
  ctx.rotate(Math.PI / 4); // 旋转45度
  ctx.drawImage(img, -img.width / 2, -img.height / 2);
};
img.src = "image.jpg";