为什么我的 SVG 贝塞尔曲线在 Firefox 中被破坏？

Question

我今天遇到一个问题，我创建的图表在通过 getPointAtLength 创建时无法在 Firefox 中运行。这是一个显示问题的小提琴：

http://jsfiddle.net/xfpDA/9/

注意 javascript 顶部的 cmets。

SVG路径的相关部分是：

C189.5,423.237,266.965,390.696,266.965,390.696

这在 Chrome 和 IE 中完美运行，但 Firefox 直接跳过曲线并关闭路径。

然而，曲线的微小变化就足以解决问题：

C189.5,423.236,266.965,390.696,266.965,390.696
             ^

为什么将该值更改千分之一会在漂亮的曲线和损坏的 SVG 之间产生差异？

编辑：该坐标不是唯一可以更改以“修复”问题的坐标，因此 Firefox 似乎不能很好地处理高精度曲线值。

Answer 1

Firefox 在某些情况下无法计算曲线的长度（例如 delta=0/0）。因此，该路径部分的结果是 NaN/0/undefined，因此不会添加到总长度中，并且 getPointAtLength 的域更小。