table里css画空心圆,在SVG中绘制一个空心圆圈

这里有一个程序来创建贝塞尔弧线尽可能接近都没有什么圆。你需要四条路径才能完成一个圆圈。

BezierCurve BezierArc(double ox, double oy, double r, double thetaa, double thetab)

{

double theta;

double cpx[4];

double cpy[4];

int i;

int sign = 1;

while (thetaa > thetab)

thetab += 2 * Pi;

theta = thetab - thetaa;

if (theta > Pi)

{

theta = 2 * Pi - theta;

sign = -1;

}

cpx[0] = 1;

cpy[0] = 0;

cpx[1] = 1;

cpy[1] = 4.0/3.0 * tan(theta/4);

cpx[2] = cos(theta) + cpy[1] * sin(theta);

cpy[2] = sin(theta) - cpy[1] * cos(theta);

cpx[3] = cos(theta);

cpy[3] = sin(theta);

cpy[1] *= sign;

cpy[2] *= sign;

cpy[3] *= sign;

for (i = 0; i < 4; i++)

{

double xp = cpx[i] * cos(thetaa) + cpy[i] * -sin(thetaa);

double yp = cpx[i] * sin(thetaa) + cpy[i] * cos(thetaa);

cpx[i] = xp;

cpy[i] = yp;

cpx[i] *= r;

cpy[i] *= r;

cpx[i] += ox;

cpy[i] += oy;

}

return BezierCurve({cpx[0], cpy[0]},{cpx[1], cpy[1]}, {cpx[2], cpy[2]}, {cpx[3], cpy[3]});

}