La entrada puede ser cualquier imagen de polígono SVG de diferentes tamaños irregulares como se muestra a continuación

 logo.svg -------- <svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg>

Tiene que encontrar una manera eficiente de leer esos puntos de polígono cargados a través de la etiqueta de imagen como se menciona a continuación

 import React from 'react'; {/*images*/} import logo from './logo.svg' const App = () => { return ( <div className="App"> <img src={logo } alt="SVG Image" /> </div> ); } export default App;

Con puntos de polígono, debe calcular el punto óptimo dentro de un polígono SVG para colocar la etiqueta de texto dinámicamente