使用 html 和 css 创建树

Question

我有附加的圣诞树图像背景，但没有水果。我想通过随机数量和位置创建水果（可能是图标图像），但位置必须在树叶（红色标记）的范围内。 任何css或js都可以做到这一点？

谢谢！

Answer 1

如果是我 - 鉴于这张图片 - 我可能会在包含树的矩形中选择一个随机位置并测试那里的像素比其他组件具有更多的绿色 - 如果没有找到，再试一次（可能会设置一个限制大约 100 次尝试，以防树被填满）。这也可以防止你将一个新的直接放在另一个装饰品上（当然，虽然不能防止重叠）。这似乎比尝试定义树的轮廓要简单得多。这还可以让您将背景图片更改为不同的树，甚至是一片树林。

Answer 2

我必须创建一个包含水果坐标的数组（非常非常多），然后从该数组中随机获取。