少し微積分で計算した円弧を使用して、対角線から水平線への移行を滑らかにしようとしています。私が直面している問題は、円弧を正しく配置できないように見えることです。
それは私の計算の問題かもしれませんが、「検査」から、正しい円があるように見えます。接線が水平になる点で、右側の赤い点が常に円の下部になるようにします。
私は使用しています:A#{radius},#{radius} 0 0 0 #{curveEndX},#{curveEndY}"円弧を定義します。何か不足していますか？
--編集-- それは私の数学でした。私が見る円弧は、SVG レンダラーが私の制約に一致する円を見つけられない場合の単なるフォールバック メカニズムであることがわかりました。
-- 編集 -- 最終結果: jsfiddle.net/5Wa9e/2