使用原生js封装雷达图，雷达每秒转动1度，每度由300个点标识

使用原生 JavaScript 封装雷达图可以使用 canvas 元素来绘制。首先需要创建一个 canvas 元素并获取它的 2D 绘图上下文，然后进行绘图。

具体实现可以参考以下代码：

// 获取 canvas 元素和它的 2D 绘图上下文
var canvas = document.getElementById("radarCanvas");
var ctx = canvas.getContext("2d");

// 定义变量记录雷达图的旋转角度
var angle = 0;

// 定义函数绘制雷达图
function drawRadar() {
  // 清除 canvas 上的内容
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 旋转绘图上下文
  ctx.translate(canvas.width / 2, canvas.height / 2);
  ctx.rotate(angle * Math.PI / 180);
  ctx.translate(-canvas.width / 2, -canvas.height / 2);
  
  // 绘制雷达图，每度由300个点标识
  for (var i = 0; i < 300; i++) {
    // 计算每个点的坐标
    var x = canvas.width / 2 + Math.cos(i * Math.PI / 150) * 100;
    var y = canvas.height / 2 + Math.sin(i * Math.PI / 150) * 100;
    
    // 绘制点
    ctx.beginPath();
    ctx.arc(x, y, 2, 0, 2 * Math.PI);
    ctx.fill();
  }
  
  // 更新雷达图的旋转角度
  angle += 1;
  
  // 递归调用 drawRadar 函数，每秒转动1度
  setTimeout(drawRadar, 1000);
}

// 调用 drawRadar 函数绘制雷达图
drawRadar();

这段代码会在 canvas 上进行绘图，每秒钟旋转1度，每度由300个点标识。