如何在每次加载时在画布上的随机位置显示一个图像？

Question

我正在制作一个简单的游戏，其中玩家必须在画布上的某处找到图像。但是，我想让这个单个图像出现在画布上的不同位置，然后停留在那里直到再次加载画布。换句话说，我不希望图像在一定时间间隔后随机出现在画布上。相反，我希望每次加载画布时图像的位置都是随机的。有什么建议吗？

Answer 1

您可以尝试这样的事情

function getpos(min, max) {
   return Math.random() * (max - min) + min;
}
var c = document.getlementById('canvas');
var element = document.getlementById('element');
ymin = c.offsetLeft;
ymax = ymin + c.offsetWidth

xmin = c.offsetTop;
xmax = xmin + c.offsetHeight;


var ctx = c.getContext("2d");
ctx.drawImage(element, getpos(xmin, xmax), getpos(ymin,ymax))