我试图通过使用我用一点微积分计算的圆弧来平滑从对角线到水平线的过渡。我遇到的问题是,似乎我无法正确定位弧。
这可能只是我的计算有问题,但从“检查”看来,我的圆圈似乎是正确的。我希望右侧的红点始终位于圆的底部,即切线水平的点。
我正在使用:A#{radius},#{radius} 0 0 0 #{curveEndX},#{curveEndY}"
来定义弧。我错过了什么吗?
--edit-- 这只是我的数学。结果我看到的弧只是当 SVG 渲染器找不到与我的约束匹配的圆时的后备机制。
--edit-- 最终结果:jsfiddle.net/5Wa9e/2