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