Как «соединить точки» поверх изображения с помощью PHP

Question

Я создал CMS, где пользователи могут оценивать десять различных категорий по шкале от 1 до 10.Когда они будут сделаны, я хочу использовать данные для создания изображения, показывающего результаты, отмеченные звездочкой.«Звезда» является родовой, поэтому это просто изображение .jpg.Таким образом, хитрость заключается в том, чтобы изобразить десять различных оценок на изображении звезды.Комбинация изображения звезды и результатов должна быть сохранена в виде jpg на сервере, чтобы показать его пользователю.

Итак, прежде чем изображение будет выглядеть так: http://junique.dk/star-before.jpg

И после того, как изображение будет выглядеть так: http://junique.dk/star-after.gif

Оцените всю помощь, которую я могу получить!

Answer 1

Сначала вам нужно создать массив, содержащий каждую координату x | y каждой звезды. Затем вы можете использовать phps imageline , чтобы нарисовать линию от каждой звезды. Сделайте это для каждого соединения, и все готово. Рекомендуется немного знаний библиотеки GD!

Answer 2

То, что вы описываете, называется Диаграмма Кивиата , также известная как веб-карта, диаграмма паука, звездная карта, звездная диаграмма, паутина, неправильный многоугольник, полярная диаграмма или радиолокационная диаграмма.

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

Answer 3

Для этого вы можете использовать GD .

1. Сначала вам нужно загрузить изображение, что можно сделать с помощью imagecreatefromjpeg.(Было бы предпочтительнее, если бы вместо этого у вас было изображение в виде png, так как оно больше подходит для простых рисунков. Если вы это сделаете, вам нужно использовать imagecreatefrompng вместо этого, естественно)
2. Затем вы рисуете линии между центрами соответствующих кругов, используя imageline.Вам нужно будет рассчитать эти позиции самостоятельно, например, найдя их в редакторе изображений.
3. Наконец, вы выводите его, используя, например, imagepng (предпочтительно) или imagejpeg.Не забудьте установить правильный тип содержимого, как показано в примерах на странице.