javascript - 如何定义动画高度限制

我已经创建了动画，但是我的鱼从鱼缸水族馆出来了，我该如何限制它？
这是小提琴链接：http://jsfiddle.net/832Fx/3/
这是一些代码示例：

var $wnd = $('.fishtank');
$wnd.resize(function() {
    animeVars.rightMargin = $wnd.width();
    animeVars.bottomMargin = $('.fishtank').height();
}).resize();

最佳答案

凉爽的鱼。

这有点奇怪：

var newCoords = {
  top: Math.random() * (animeVars.topMargin - animeVars.bottomMargin + 1) + animeVars.bottomMargin,
  left: Math.random() * (animeVars.leftMargin - animeVars.rightMargin + 1) + animeVars.rightMargin
};

我想，您要尝试的是从起始位置X和结束位置Y之间的轴上随机选择一个位置：

      X                    Y
    |---|--------------|-------|

然后，您需要执行以下操作：

pos = Math.random() * (canvasWidth - X  Y) + X;

我确定您的画布宽度在某处：$wnd.width()。

关于javascript - 如何定义动画高度限制，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19937753/