消失的DIV或DIV边框

Question

我正在进行一项轨道模拟，我让行星绕着轨道运动。当您放大到最大并选择海王星（最右侧的最后一个行星 - 可能需要滚动顶部的行星条），其轨道（虚线）会消失。如果您缩小1倍，则其轨道可见，但有时不可见。再次缩小或更远，它总是可见的。有什么方法可以防止它消失吗？

您可以在这里看到一个工作示例。

如果有影响的话，我使用的是最新的Mac Chrome。我下载并在最新的Firefox for Mac上尝试了一下，问题不存在。我也在最新的Safari中尝试过，那里也没有问题，所以这必须是Chrome特定的问题，而不是Webkit问题。

这可能是Chrome的一个错误。我提交了一个报告。

- Justin808

---

需要一些时间来挖掘问题。只是让你知道，在最新的Windows Chrome上也可以复现这个错误。 - Pencho Ilchev

你考虑过在保留模式图形API中使用SVG而不是HTML吗？ - Phrogz

@Phrogz - 感谢您的评论，我不知道“保留模式图形”这个术语，学到了新东西。我会研究SVG。我认为问题与JavaScript无关，而是与显示的DIV相比于屏幕外部分有多少有关。我的想法是它被剔除了，因为不重要，或者（如果这是3D）超出了我的视野范围，就像当一个物体靠近相机位置时一样，只是2D版本的那个。我希望有人之前遇到过这个问题并知道解决方法，这就是为什么我没有直接在我的问题中发布代码，而只是描述了问题。 - Justin808

@Justin808 我怀疑你对原因的猜测是正确的。问题不在于代码不在这里，而在于你似乎没有尝试将代码缩减到最小可能的测试案例，并首先隔离问题。关于SVG的建议并不会删除JavaScript，但可能会更改所使用的边界框逻辑。 - Phrogz

@PatrikAlienus - 你能看一下这个吗：http://jsfiddle.net/jzaun/Ux5QK/？你看到多少条线？是3条（点，虚线和实线）吗？我只看到了2条（虚线和实线）。而且我也在使用最新的Chrome和最新的MBA，所以内存和速度不应该是问题。 - Justin808

Answer 1

如果您给div设置背景颜色，您会发现消失的是边框。

作为一种解决方法，如果您将边框宽度更改为3px（至少在我的Chrome 19（Linux）上），则边框仍然可见。也许您可以为最高缩放级别设置更厚的宽度。

- Jeffery To