Я использую SVG для отображения фонового изображения и наложения его на кривую полилинии. Затем мне нужно наложить текст на различные точки кривой, как вы можете видеть на изображении.
Положение 8 текстовых полей определяется верхними и нижними точками на кривой. В моей предыдущей среде разработки это было легко, но пока все, что я могу сделать, это написать восемь отдельных модулей. Конечно, должен быть способ перебора всех 101 * восьмикратных выводов необходимого кода?
По сути, я хочу вывести восемь блоков, подобных этому, внутри блока SVG:
<Text
fill="white"
stroke="none"
fontSize="14"
fontWeight="bold"
x={dayPos.t1}
y="250"
textAnchor="middle"
>{dayTides.time1}</Text>