Estoy trabajando en ECMAScript / JavaScript para un archivo SVG y necesito obtener el widthy heightde un textelemento para poder cambiar el tamaño de un rectángulo que lo rodea. En HTML, podría usar los atributos offsetWidthy offsetHeighten el elemento, pero parece que esas propiedades no están...
Quiero mostrar archivos svg (tengo un montón de imágenes svg) pero no pude encontrar la manera de mostrar. Intenté usar los componentes Image y Use de react-native-svg pero no funcionan con eso. E intenté hacer eso de forma nativa, pero es muy difícil mostrar solo una imagen svg. Código de...
¿Qué hace exactamente el enable-backgroundatributo? Leí la especificación pero aún no la
Necesito cambiar el tamaño y rotar ciertos elementos en un documento SVG usando javascript. El problema es que, por defecto, siempre aplica la transformación alrededor del origen en la (0, 0)parte superior izquierda. ¿Cómo puedo volver a definir este punto de ancla de transformación? Intenté usar...
Me gustaría poder establecer el ancho del trazo en un elemento SVG para que sea "consciente de los píxeles", que siempre tenga 1 px de ancho independientemente de las transformaciones de escala actuales aplicadas. Soy consciente de que esto puede ser imposible, ya que el objetivo de SVG es ser...
Tengo varios gráficos SVG cuyos colores me gustaría modificar a través de mis hojas de estilo externas, no directamente dentro de cada archivo SVG. No estoy colocando los gráficos en línea, sino almacenándolos en mi carpeta de imágenes y señalándolos. Los he implementado de esta manera para...
Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 6 años . Mejora esta...
Estoy tratando de aplicar un degradado a un rectelemento SVG . Actualmente, estoy usando el fillatributo. En mi archivo CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Y el rectelemento tiene el color de relleno correcto cuando se ve en el navegador. Sin embargo,...
Quiero colorear el fondo de svg de manera textsimilar a background-coloren css Solo pude encontrar documentación sobre fill, que colorea el texto en sí ¿Es siquiera
¿Cómo convierto un svga pngen Python? Estoy almacenando el svgen una instancia de StringIO. ¿Debo usar la biblioteca de PyCairo? ¿Cómo escribo ese
Tengo un documento SVG y me gustaría incluir una imagen svg externa dentro de él, es decir, algo como: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("objeto" es solo un ejemplo; el documento externo será SVG en lugar de xhtml). ¿Algunas ideas? ¿Es esto siquiera...
Tengo problemas con google chrome que no representa svg con una etiqueta img. Esto sucede cuando se actualiza la página y se carga la página inicial. Puedo hacer que la imagen se muestre "Inspeccionando elemento", luego haciendo clic derecho en el archivo svg y abriendo el archivo svg en una...
Parece que debería ser fácil, pero no obtengo nada. Quiero crear una página HTML que contenga una sola imagen SVG que se escale automáticamente para adaptarse a la ventana del navegador, sin desplazarse y conservando su relación de aspecto. Por ejemplo, en este momento tengo una imagen SVG de...
Establecer un ancho de trazo: 1 en un <rect>elemento en SVG coloca un trazo en cada lado del rectángulo. ¿Cómo se coloca el ancho de un trazo en solo tres lados de un rectángulo
¿Cuáles son las diferencias entre SVG y HTML5 Canvas? Ambos parecen hacerme lo mismo. Básicamente, ambos dibujan ilustraciones vectoriales utilizando puntos de coordenadas. ¿Qué me estoy perdiendo? ¿Cuáles son las principales diferencias entre SVG y HTML5 Canvas? ¿Por qué debería elegir uno...
Tengo una serie de rectángulos svg (usando D3.js) y quiero mostrar un mensaje al pasar el mouse, el mensaje debe estar rodeado por un cuadro que actúa como fondo. Ambos deben estar perfectamente alineados entre sí y con el rectángulo (arriba y centrado). ¿Cuál es la mejor manera de hacer...
¿Puedo usar mi image.svg convertido como icono de mapa de Google? Estaba convirtiendo mi imagen png a svg y quiero usar esto como el símbolo del mapa de Google que se puede rotar. Ya intenté usar el símbolo del mapa de Google pero quiero tener un ícono como auto, hombre, etc ... Es por eso que...
Me pregunto por qué tan pocos sitios web modernos todavía usan solo PNG para los íconos (pero esta suposición se basa solo en mi observación). Hasta ahora, lo sé, las principales razones para usar PNG en lugar de SVG son IE8 y que SVG usa más potencia de CPU (pero no creo que esto sea un...
¿Hay alguna forma de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? Sería triste perder todo el precioso SEO debido a que las imágenes reemplazan al texto. Primero pensé en las sombras pero no puedo descifrar nada ... La imagen es el...
Quiero obtener los datos de la ruta SVG de los glifos de Font Awesome para poder usarlos directamente como SVG en mi HTML. Pensé que sería tan fácil como copiar y pegar los datos de la ruta de fontawesome-webfont.svg , pero cuando lo uso en mi HTML, todos los símbolos se muestran al revés....