Hola, estoy obteniendo un SVG de una API en esta forma: <svg>…..</svg> Estoy pasando este SVG como una propiedad a este componente MainDisplay: class MainDispay extends React.Component { constructor(props) { donothing(props); super(props); console.log(“props”, this.props.Collections); } async componentDidMount() {} render() { return ( <> {this.props.Collections.map((DataObj, i) => ( <div key=”{i}”> <div>{DataObj.name}</div> . . . Read more
Hola, soy nuevo en el desarrollo web. Quiero que mi imagen se ajuste correctamente dentro de SVG, pero me he encontrado con un problema, no puedo hacerlo, he visto muchas preguntas en stackoverflow, pero esas preguntas no son de mi tipo, por eso pregunto. Aquí está mi código: .home__data{ background-color: . . . Read more
Tengo una lista de objetos svg con un cierto nombre de clase ‘test’. list = document.getElementsByClassName(‘test’) Quiero encontrar el índice de un objeto en la lista (e.target) cuando se hace clic mediante un event listener. Pero se está congelando. El ejemplo más pequeño que da un error sería el siguiente: . . . Read more
Quiero colocar una imagen PNG en el centro de un círculo SVG en un archivo HTML simple. Aún así, quiero un color de fondo verde claro para el círculo y la imagen no debe llenar todo el círculo. ¿Cómo puedo hacer eso?
Estoy tratando de usar svg con <defs> definido en otro lugar de la página. const data = { icons: { freezable: “<svg><path d=”\”\”/”></path></svg>”, vegetarian: “<svg><path d=”\”\”/”></path></svg>”, } }; const SvgDefs = (icons) => { return Object.keys(icons).map(iconName => { return <span key=”{data.icons[iconName]}” dangerouslysetinnerhtml=”{{” __html:=”” data.icons[iconname].replace(‘svg’,=””></span><code>svg id=”svg-${iconName}”</code>) }} />; }); }; Con . . . Read more