用JavaScript动态计算全圆空间矢量图形路径

// 创建画布
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');

// 设置画布大小
canvas.width = 500;
canvas.height = 500;

// 设置圆心坐标和半径
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 100;

// 计算路径
var startAngle = 0;
var endAngle = 2 * Math.PI;
var counterclockwise = false;

// 绘制路径
ctx.beginPath();
ctx.arc(centerX, centerY, radius, startAngle, endAngle, counterclockwise);
ctx.closePath();

// 设置样式
ctx.lineWidth = 2;
ctx.strokeStyle = 'red';

// 绘制图形
ctx.stroke();