javascript - jQuery：在页面上的另一个图像上随机点填充图像？

Question

所以我有一个购物车，在我的页面上有一个固定的位置。想象一下接近这个的东西，除了它不是一个角度，而且它完全垂直地面对。我想要做的（使用 jQuery）是在这个图像上随机填充图像，唯一的限制是它们在购物车“篮子”区域内。

append我猜有一些方法可以引用购物车篮内的区域，然后在这些点上做一些 jQuery 。

我想我会先使用 position()....

var pos = $("#myimage").position();
top = pos.top;  // top offset position
left = pos.left; // left offset position
right = pos.left + $("#myimage").width;
bottom = pos.top + $("#myimage").height;

然后通过执行以下操作获取 x 和 y 位置：

var adjustedHigh = (top - bottom) + 1;

var y = Math.floor(Math.random()*adjustedHigh) + bottom

不知道如何附加到该坐标。

Answer 1

position:absolute在要附加的图像上设置，然后将坐标值分别设置为left和topCSS 属性。