Как нарисовать круг с надписями над ним?

Question

[Антон]

Добрый вечер!
Подскажите, пожалуйста, как при помощи Php (а лучше средствами или пакетами Laravel) и, видимо, библиотеки GD нарисовать подобное - ?
Дело в том, что каждый круг и подписи над ним создаются по очереди. И может быть не обязательно 6 таких знаков над кругом. Может быть 3-6, например. Если будут какие-то вопросы, то задавайте.

Answer 1

[Максим Тимофеев]

Самый правильный способ - формировать svg.

Comments

[Антон]

А можно, пожалуйста, пример?

[Максим Тимофеев]

как-то так:

$circle_num = 3;
$radius = 100/$circle_num;
$svg = '<svg height="100" width="100">';
for ($i = 1; $i <= $circle_num; $i++){
$rad = $radius*$i
$svg .= '<circle cx="50" cy="50" r="'.$rad .'" stroke="black" stroke-width="2" fill="transparent"/>';
}
$svg = '</svg>';
echo $svg;

подробнее тут: www.w3schools.com/graphics/svg_circle.asp

[Антон]

Максим Тимофеев: как можно сделать прозрачный фон, но чтобы была видна рамка? атрибут opacity применяется ко всей фигуре, включая рамку.

[Антон]

Максим Тимофеев: ?

[Максим Тимофеев]

Антон: fill - это заливка, сделать ее transparent а stroke это обводка (рамка)

[Антон]

Максим Тимофеев: спасибо.

[Максим Тимофеев]

Антон: "спасибо", это очень много. Просто отметьте как ответ

Answer 2

[Дмитрий Евграфович]

Используйте канвас библиотеки, например Paper.js, php тут вообще неуместен, разве что данные в json формате передавать для отрисовки.

Comments

[Антон]

Вот такая работа происходит:
1. Есть таблица, которую пользователь будет заполнять сам.
2. Используя эти данные, программа должна рисовать круги и ставить над ними эти знаки (X и V). В одном из столбцов таблицы указывается кол-во элементов в одном круге (кол-во X и V).
---
Подходил ли paper.js для такой работы скрипта?

[Дмитрий Евграфович]

Антон: вполне подходит. может и более удобные инструменты есть, но чтобы это узнать, вам надо задавать вопрос с тегами javascript, а не php и laravel.

[Антон]

Дмитрий Евграфович: я отредактировал вопрос, выставив ещё js и jquery.