使用HTML和CSS創建樹

Question

我有附着的聖誕樹圖像背景，但是沒有水果。 我想通過隨機的數量和位置創建水果（可能是圖標圖像），但是位置必須在葉子（紅色標記）的范圍內。 任何CSS或JS都能做到這一點？

謝謝！

Answer 1

如果是我-給定這張圖片-我可能會在包含樹的矩形中隨機選擇一個位置，並測試該像素中的綠色比其他組件要多得多的像素-如果找不到，請重試（限制為100次嘗試或大約在樹被填滿的情況下）。 這也可以使您避免將新飾品直接放在另一飾品上（當然，這不能防止重疊）。 這似乎比嘗試定義樹的輪廓要簡單得多。 這也使您可以將背景圖片更改為另一棵樹，甚至是樹林。

Answer 2

我必須創建一個包含水果坐標的數組（非常多），然后從該數組中獲取隨機值。