javascript - 将图像放置在随机位置但不要超出屏幕

Question

我正在尝试将图像放置在 Canvas 内，但不要放置在屏幕之外。

var x = Math.floor(Math.random() * canvas.width - 74) < 0 ? 1 : value;

值74是图像宽度，我想我会这样做，这样我就不会在X上走得太远。但当随机值约为 20 时，会稍微偏向左侧。

希望这是清楚的，有人可以帮助我。

编辑:

基本上是这样的:

var x = Math.floor(Math.random() * canvas.width - 74);
x = x <= 0 ? 1 : x;

但是在一行中。

Answer 1

试试这个。 Math.random() * (canvas.width - 74) 创建一个介于 0 和 canvas.width - 74 之间的值

var x = Math.floor(Math.random() * (canvas.width - 74));