如何使用Javascript对角线移动元素？

// 获取需要移动的元素的引用
var element = document.getElementById("myElement");

// 设置元素的初始位置
var startX = 0;
var startY = 0;

// 设置元素的目标位置
var targetX = 100;
var targetY = 100;

// 创建动画函数
function animate() {
  // 计算元素当前位置和目标位置之间的差值
  var deltaX = targetX - startX;
  var deltaY = targetY - startY;

  // 更新元素的位置
  element.style.transform = "translate(" + startX + "px, " + startY + "px)";

  // 检查是否达到了目标位置
  if (Math.abs(deltaX) > 1 || Math.abs(deltaY) > 1) {
    // 继续调用动画函数以更新元素的位置
    requestAnimationFrame(animate);
  }
}

// 调用动画函数开始移动元素
animate();