我在进行轨道模拟,我有行星在轨道上运行,但是如果你看三颗内行星,就会从破碎的轨道线上移开。在轨道底部,行星在线下。在轨道顶部,行星要么在破碎的轨道线上,要么在或高于线上。
您可以看到一个工作示例。
我认为这与边界宽度没有被考虑有关,但我试图纠正这个问题的所有努力都行不通。我目前使用外部Width () 和 外部H8 (), 但是这似乎没有起作用。
这是相关的代码比特 :
var width = parseFloat($(this).parent().outerWidth()) / 2;
var height = parseFloat($(this).parent().outerHeight()) / 2;
var point = getPoint(width, height, angle * (Math.PI / 180));
$(this).css( left , point[0] + ($(this).parent().outerWidth() / 2) + px );
$(this).css( top , point[1] + ($(this).parent().outerHeight() / 2) + px );
getPoint
函数为 :
function getPoint(width, height, angle)
{
var x = parseFloat(width) * Math.cos(angle);
var y = parseFloat(height) * Math.sin(angle);
return [x, y];
}