Canvas 应用 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

绘制分钟刻度


绘制分钟刻度

  ctx.save(); // 记录旋转画布之前初始状态
  ctx.lineWidth = 5;
  for (i=0;i<60;i++){ // 绘制分钟刻度
    if (i%5!=0) {
      ctx.beginPath();
      ctx.moveTo(117,0);
      ctx.lineTo(120,0);
      ctx.stroke();
    }
    ctx.rotate(Math.PI/30); // 旋转画布绘制刻度
  }
  ctx.restore(); // 恢复初始状态,未旋转前