如何定义动画高度限制答案

【问题标题】：How to define animation height Confines如何定义动画高度限制
【发布时间】：2013-11-12 19:04:28
【问题描述】：

我创建了动画，但我的鱼从鱼缸水族箱里出来了，我该如何限制它？

这里是一些代码示例：

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

【问题讨论】：

标签： javascript jquery ajax json animation

【解决方案1】：

酷鱼。

这有点奇怪：

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()。

【讨论】：

宽度是'.fishtank' 我应该把它放在哪里？你能帮我忍受吗？
如果你制作了那个鱼缸，我相信你可以弄清楚从哪里得到画布/窗户/鱼缸的宽度。而且您知道在哪里可以找到X 和Y。