Javascript 计算增量以将div带到屏幕中心并调整大小

在这种情况下，我需要输出一些代码，同时将div从0缩放到最终大小，同时将其从屏幕顶部向下移动

x和y的最终大小每次都可能不同，但我的代码将知道它们。div将包含用户提供的图像，因此我可以读取图像大小

现在，我可以做代码来缩放div，也可以在屏幕上向下移动它。我知道如何找到浏览器窗口的y中心等

我通过向topMargin添加yvalue将其向下移动到屏幕上

这就是我被困的地方，我想这更多的是一个数学问题而不是代码

问：如何计算y位置增量的y值，使div大致在缩放到最大大小的同时到达屏幕中心。此外，我还需要找出相应的div_xvalue和div_yvalue应该是什么，以使缩放同时发生，如果这有意义的话

请假设以下变量：

yvalue = increment to add to div topMargin each iteration
zoom_x_final =  final width of div
zoom_y_final =  final height of div
browser_center_y = center position of browser window (y direction)
x = current x size of div
y = current y size of div
div_xvalue = value to add to x for increasing div size per iteration
div_yvalue = value to add to y for increasing div size per iteration
stop_y = center screen position stop for slide down calc'd from    browser_center_y-(zoom_y_final/2)

---

我想这可能对你有帮助

我试图找到每次迭代的y_增量，得到了一个非常简单的答案：

y_increment_per_iteration 
                = [{(browser_width) or (working_area_width)} / 2 ] / zoom_y_final

请注意，此答案可能不正确，因为它未经测试