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

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

你可以试试这样的

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

---

谢谢，如果我的图像名为lspsay.gif，我将把它放在代码中的什么位置？给它一个id，但该id不是“元素”，再次感谢您的帮助如果用户想在画布上绘制图像，这将不起作用。这假设用户想要在画布元素上移动img元素是的，我想在画布上绘制图像。唯一的问题是，我为我的画布设置了一个背景。这会对我的努力产生影响吗？