Создайте дерево, используя HTML и CSS

Question

У меня есть новогодняя картинка, как фон, но без фруктов.Я хочу создать фрукты (возможно, изображение значка) по случайному количеству и положению, но положение должно быть в пределах листвы (красная метка).Любой css или js может сделать это?

Спасибо!

Answer 1

Я должен создать массив, включающий координаты фруктов (это очень очень много), а затем получить случайным образом из этого массива.

Answer 2

Если бы это был я - учитывая эту картинку - я бы, вероятно, выбрал случайное место в прямоугольнике, содержащем дерево, и проверил бы, чтобы пиксель там был значительно больше зеленого, чем другие компоненты - если не найден, попробуйте еще раз (возможно, установите ограничениеиз 100 попыток или около того, в случае, если дерево заполняется).Это также удержит вас от размещения нового прямо на другом орнаменте (хотя, конечно, не предотвратит перекрытие).Это кажется намного проще, чем пытаться определить контур дерева.Это также позволяет изменить фоновое изображение на другое дерево или даже лес деревьев.