用js编写平抛运动轨迹曲线

下面是用 JavaScript 编写的平抛运动轨迹曲线的示例代码：

// 初始化变量
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var angle = 45; // 抛射角度，单位为度
var speed = 50; // 抛射速度，单位为 m/s
var g = 9.8; // 重力加速度，单位为 m/s^2
var x = 0; // 水平方向位移
var y = 0; // 垂直方向位移
var time = 0; // 时间
var interval = 0.05; // 时间间隔，单位为秒
var scale = 10; // 比例尺，1像素代表的实际长度，单位为 m

// 将角度转换为弧度
var radian = angle * Math.PI / 180;

// 计算初始速度在水平和垂直方向上的分速度
var vx = speed * Math.cos(radian);
var vy = speed * Math.sin(radian);

// 绘制轨迹曲线
ctx.beginPath();
ctx.moveTo(x, canvas.height - y);
while (y >= 0) {
  // 计算时间t时水平方向和垂直方向的位移
  x = vx * time;
  y = vy * time - 0.5 * g * time * time;
  
  // 绘制一个像素点
  ctx.lineTo(x * scale, canvas.height - y * scale);
  
  // 时间自增
  time += interval;
}
ctx.stroke();

这段代码会在一个指定的 canvas 元素上绘制出平抛运动的轨迹曲线。你可以根据需要修改代码中的参数来调整轨迹的形状和大小。