使用HTML和CSS创建树

Question

I have Christmas Tree image background like attached, but without fruits. I want create the fruits (maybe a icon image) by random quantity and position, but the position must be within the range of the foliage (red mark). Any css or js can do this?

Thank you!

Answer 1

If it were me - given this picture - I would probably pick a random location in a rectangle containing the tree and test for the pixel there having substantially more green than other components - if not found, try again (probably put a limit of 100 tries or so, in case the tree gets filled up). That would also keep you from placing a new one directly on another ornament (though not prevent overlap, of course). This seems a lot simpler than trying to define the outline of the tree. This also lets you change the background picture to a different tree or even a forest of trees.

Answer 2

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