#reactjs #polygon #draw
Вопрос:
Я использую этот код для рисования полигонов на фоновом изображении, как показано ниже. Как добавить текст внутри, в середине многоугольника ?
Я пытался использовать lt;Textgt; его без успеха.
{polygon.map((item, index) =gt; ( lt;React.Fragment key={item.name.toString() index.toString()}gt; lt;DrawedPath style={{ fill: colorSelected, stroke: strokeSelected }} key={index.toString() item.name.toString()} d={`M${item.points[0].x} ${item.points[0].y} ${item.points.slice(1).reduce((prev, curr) =gt; { return `${prev} L${curr.x} ${curr.y}` }, '')} L${item.points[0].x} ${item.points[0].y}`} /gt; lt;/React.Fragmentgt; ))} const DrawedPath = styled.path` stroke-width: 1px; stroke: #05f9e2; fill: transparent; `