Preguntas con la etiqueta [svg]
Los Gráficos Vectoriales Redimensionables (del inglés Scalable Vector Graphics) o SVG son una especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.
132
preguntas
0
votos
0respuestas
23 vistas
¿Cómo hacer correctamente 3 eventos de mouse en el mismo SVG?
estoy intentando crear un juego de unir con líneas utilizando SVG, las cuales tienen 2 columnas, y debo unir correctamente ambas, lo que quiero hacer es que con el evento mousedown sobre los gráficos ...
0
votos
1respuesta
20 vistas
¿Por qué react no muestra un svg importado de una biblioteca externa?
Estoy usando una librería externa en react para mostrar un svg.
Según la documentación simplemente importo el svg en el componente y lo uso dentro de una etiqueta img, cómo hago a continuación.
import ...
0
votos
1respuesta
19 vistas
Como puedo cargar una imagen en formato “SVG”, en el header.php de Wordpress Gutenberg?? -
Estimad@s
Su gentil ayuda, por favor, ya me he quebrado la cabeza intentando hayar una solucion al siguiente inconveniente.
El codigo a continuacion es del header de un proyecto de Wordpress, el cual ...
4
votos
1respuesta
60 vistas
¿Porqué los links del archivo svg dejan de funcionar si se utiliza un tag img?
Problema
Tengo un archivo svg que cuenta con un link <a> en su interior, la función de este link es repetir la animación del svg cada vez que se clica en él. Funciona correctamente si abro el ...
0
votos
1respuesta
18 vistas
No puedo cambiar de color el fill SVG
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox=...
0
votos
0respuestas
11 vistas
¿Como puedo cambiarlos los estilos del SVG mediante un Fetch?
fetch('imagen/Logo.svg')
.then(response => response.text())
.then(svg => document.querySelector(".main_logo").innerHTML = svg)
Estoy llamando el logo svg con un Fetch pero le pongo ...
0
votos
1respuesta
18 vistas
Obtener coordenadas (x,y) de un svg e insertar una etiqueta text con un value
Estoy intentando hacer una aplicación web con React para escribir tablaturas de guitarra, las tablaturas las estoy haciendo con SVG. Creo saber como obtener las coordenadas pero no sabría como ...
0
votos
0respuestas
17 vistas
SVG en blanco | Angular
tengo dos componentes que contienen graficos svg (etiquetas)
uno es un carrito de compras y el otro es un logo
ambos se quedan en blanco
al eliminar un subcomponente estos vuelven a mostrarse
les ...
3
votos
1respuesta
80 vistas
¿Cómo acceder al contenido del tag <object> en HTML?
Intento acceder al contenido de un tag <object> que carga un archivo. En lo especifico, deseo acceder al id de algunos de sus elementos y he probado a hacerlo con CSS y con JavaScript, pero nada ...
0
votos
1respuesta
37 vistas
Cambiar imagen de fondo SVG en código JavaScript
He encontrado un código JS para usar en una web en el que caen diferentes copos de nieve.
Es el tradicional código que se usa en Navidad en las páginas web.
Como tengo un sitio musical se me ocurrió ...
2
votos
1respuesta
34 vistas
¿Cómo animar el movimiento horizontal de un path SVG usando CSS?
Estoy animando un logo SVG con CSS y ya he logrado crear varios efectos pero no logro entender como hacer para que uno de los path del SVG se mueva horizontalmente (vea imagen).
También han fallado ...
2
votos
1respuesta
29 vistas
No puedo meter un svg con la propiedad innerHTML
Estoy intentado meter un svg dentro de un span pero no he podido
El svg es este
<svg width='22px' height='24px' viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='...
0
votos
0respuestas
7 vistas
Error al importar SvgUri
Estoy intentando usar una imagen .svg pero cuando la renderizo en mi componente me salta el siguiente error:
Attempted import error: 'react-native-svg-uri' does not contain a
default export (imported ...
1
voto
1respuesta
26 vistas
Girar un semi-circulo SVG en css
estoy tratando de hacer girar esos dos semi-circulos alrededor del circulo central y parce que el centro de dichos semi-circulos (#circle1 / #circle2) no esta centrado y al girar se sale de su ...
0
votos
0respuestas
23 vistas
¿Cómo puedo cambiar el color de un archivo svg propio que subí en ionic 6?
¿Cómo están? Estoy necesitando subir mis propios iconos svg a ionic 6 (no se si lo hice de la forma correcta porque no me deja cambiarles el fill).
angular.json
{
"glob": "**/*.svg&...
0
votos
0respuestas
15 vistas
¿Cómo dibujar curvas cúbicas utilizando la libreria SVG de davescriven en Visual Studio?
Estoy haciendo en Visual Studio (winforms) un programa generador de símbolos en formato SVG que pienso utilizar en otro proyecto. Hasta ahora no he tenido problemas con generar polígonos, círculos, ...
0
votos
1respuesta
52 vistas
Como modificar un SVG para hacerlo responsive
Estoy usando esta rueda para una promoción. He logrado modificar ciertas cosas del código para que despliegue lo que necesito en términos de datos y la "vista Desktop".
Pero tengo un ...
0
votos
0respuestas
29 vistas
Como cerrar la etiqueta html </source> online
Hola estoy generando un svg al vuelo con videos con el código simplificado que indico, pero no consigo cerrar la etiqueta con php o javascript para que el grafico svg sea visto, da error de sintaxis ...
1
voto
1respuesta
30 vistas
Modificar desde javascript valores de filtro svg
Intento hacer una web en la que subo una imagen para procesarla con un filtro svg, el cual disminuye las sombras en imágenes oscuras.
lo que quiero es modificar los valores del filtro usando ...
1
voto
2respuestas
84 vistas
Arreglar código para que funcione y simplificar
El código de esta página no funciona porque no consigo llamar a los botones desde Javascript e identificar que acción está haciendo cada uno de ellos.
Los botones los llamo desde un addEventListener ...
1
voto
1respuesta
81 vistas
poner background-image a un SVG
quiero que una imagen tenga la forma de un svg que hice pero usar el atributo background-image no funciona, en otros foros decían que usara lo siguiente:
<defs>
<pattern id="img1" ...
2
votos
4respuestas
154 vistas
¿Cómo manipular imágenes svg con CSS?
Quiero manipular imágenes svg que tengo insertadas en mi página web (típicos iconos de redes sociales) para ponerle hover. El caso, es que haciéndolo desde CSS como es habitual, no funciona. ¿Cómo se ...
1
voto
0respuestas
11 vistas
SVG a Paper.js con items interactuables
Estoy empezando con esto del canvas y aprendiendo para hacer algo así como esos dibujos coloreables de niños. El caso sería poder hacer el dibujo en ilustrator en SVG, con sus elementos propios, y ...
3
votos
1respuesta
215 vistas
¿Como funciona viewbox en SVG?
Introduciéndome en svg me encontré con el atributo viewbox pero no se que hace exactamente
<svg width="500" height="500" viewbox="0 0 50 100" style="background-color: blue" >
<rect ...
0
votos
0respuestas
20 vistas
REACT: lista de elementos con SVG, se muestran como [Object Object]
actualmente estoy generando una lista de todos los codigos de todos los paises, y quiero mostrar la bandera de cada pais, que los tengo en formato SVG, sin embargo las baderas no se muestran, y en ...
0
votos
1respuesta
43 vistas
HTML no me autocompleta al utilizar svg y sus determinadas etiquetas
Quiero crear un svg en HTML, al querer escribir las etiquetas, no me brinda la autocompletacion de codigo, tendre que instalar algo o descargar algun plugin? ayuda!
0
votos
0respuestas
13 vistas
Cambiar librería ZOOM jquery sin modificar los SVG ya creado en página en funcionamiento
buenas tardes.
Me encuentro con el siguiente problema.
Estoy haciendo una web, donde utilizo la librería zoom-svg-jquery... el tema es que en un principio, la web solo iba a ser ESCRITORIO, no ...
1
voto
1respuesta
32 vistas
Web, no carga imagen.png en “Iphone 6”, q esta está dentro de un svg
yo tengo creada una web, donde dentro de svg, tengo una imagen de W:8000px y H:4500px.
La tengo dentro de un svg.
El tema es que cuando abren la web desde ese celular en particular, no carga la ...
1
voto
1respuesta
46 vistas
Eliminar elemento que se encuentra dentro de SVG desde javascript
Como puedo eliminar el elemento "#circulo" que se encuentra en el svg "#svg1", desde Javascript?
<svg id="svg1" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg">
&...
0
votos
1respuesta
46 vistas
Zoom sobre SVG, sin cambiar coordenadas de polígonos
Tengo un código, donde dentro de un svg, "dibujo" polígonos, trayendo las coordenadas de la base de datos.
Dentro de svg tengo una imagen, que donde se dibujan los polígonos encima.
Eso funciona todo ...
0
votos
1respuesta
23 vistas
video no carga correctamente dentro de un svg
Tengo un svg donde hay un video de fondo e imágenes y texto encima,
En teoría el svg carga de arriba abajo del código pero en chrome y en opera esto funciona.
~<svg class="img-responsive" ...
0
votos
1respuesta
46 vistas
( JavaScript y D3.js ) Gráficos con valores nulos
a ver si alguien me puede ayudar soy relativamente nuevo en javascript y estoy intentando corregir valores nulos en un gráfico os dejo el codigo para ver is alguien me puede ayudar.
La idea es desde ...
1
voto
1respuesta
63 vistas
Gráficos SVG - HTML
existe algún patrón específico para elaborar los gráficos svg? como atributos obligatorios o algo por el estilo... Explico el porque, pasa que yo mismo elabore un gráfico svg y cuando lo coloco junto ...
0
votos
0respuestas
17 vistas
¿Cómo añadir un tooltip a un objeto que creé en un svg usando el método .createNewElementNS en JavaScript?
Estoy haciendo un proyecto para el cual al inicio no se le da los círculos creados si no más bien luego de que se seleccione la opción de crear círculo. Este es creado por medio de una función en la ...
0
votos
1respuesta
15 vistas
Problema con animaciones SVG html css3
Hola a todos estoy tratando de manipular un logo exportado en svg con css, y no se que pasa, intento que la animación sea como un spinner, pero al momento de aplicarlo en lugar de girar el engranaje ...
0
votos
0respuestas
26 vistas
Se puede crear esta transicion en web?
https://github.com/Cuberto/liquid-swipe
Creo que se podria realizar con los touch events pero no se como le haria con la transicion svg.
.
..
1
voto
1respuesta
28 vistas
Ayuda con SVG. Ajustar tamaños
Estoy haciendo cambios en mi web y me dieron unos íconos, que para realizar animaciones pequeñas las he exportado como svg, pero al momento de ponerlos en la web, sólo 2 mantienen el tamaño correcto:
...
0
votos
0respuestas
15 vistas
¿Como modificar funcion para que acepte 2 SVG para convertir a Base64?
Tengo este código Js que me permite pasar como parámetro el ID de un SVG y convertirlo en BASE64 png
(function() {
const out$ = typeof exports != 'undefined' && exports || typeof define ...
0
votos
0respuestas
16 vistas
2
votos
1respuesta
119 vistas
Se puede usar este svg como div?
Necesito un contenedor con forma especial que tenga alto dinamico, y pues ahi surge el inconveniente... el tamaño en ancho es pequeño debido a que solo esta pensado para dispositivos moviles, pero la ...
3
votos
2respuestas
1k vistas
¿Se puede insertar un SVG en HTML? [duplicada]
Sé que se puede agregar con una etiqueta <img>, por ejemplo:
<img src="vector.svg">
También que puedes agregar directamente el SVG:
<svg class="vector"> ... </svg>
Éste ...
0
votos
0respuestas
18 vistas
Como evitar la superposición de objetos XML para determinar el OnClick
Estoy realizando una aplicación móvil en la que necesito incorporar un mapa. Este mapa esta en formato SVG separado por municipios donde cada municipio es un objeto ya que necesito mostrar una ...
0
votos
0respuestas
101 vistas
problemas con iconos svg en google chrome
Lo que ocurre es que estoy añadiendo unos iconos .svg pero estoy presentando problemas ya que en Firefox se muestran sin inconvenientes, pero en Chrome simplemente no se muestran.
<svg viewBox="0 ...
0
votos
0respuestas
36 vistas
¿Como guardar archivo php+svg en caché?
Tengo un archivo PHP que contiene una gran cantidad de imágenes SVG, por lo que tarda mucho en recargar la página. ¿Cómo podría guardar el archivo PHP (o solo la parte de SVG) en caché? ¿Existiría ...
1
voto
1respuesta
104 vistas
Rellenar circulo SVG en función de un radio button
Tengo una especie de semáforo y quisiera rellenarlo en función de la opción que vaya escogiendo el usuario con un radio button con valores {0,1,2,3}. Con 0, se apagan todos, con 1 se enciende el ...
1
voto
1respuesta
60 vistas
Formato de imágenes SVG o PNG en un sitio web con php [cerrada]
actualmente me encuentro realizando un sitio web responsivo en php que requiere de manejo de imágenes, encontré que el formato svg ayuda para que las imágenes no pierdan calidad al cambiar entre ...
1
voto
1respuesta
334 vistas
¿Cómo utilizar stroke-dashoffset en animaciones css con svg?
Estoy tratando de animar un svg pero no entiendo muy bien como funcionan las propiedades stroke-dasharray: 700 (creo que es la que hace que las diferentes secciones del contorno se junten y hagan ...
5
votos
2respuestas
141 vistas
¿Cómo animar el atributo “d” de la etiqueta “path” de SVG / HTML5?
Tengo una figura dibujada con la etiqueta Path de SVG/HTML. Lo que quiero es que esta figura se genere paso por paso. Es decir que se vea el efecto de animación línea por línea, como si estuviera ...
0
votos
2respuestas
140 vistas
Cambiar clases CSS de un SVG con botones HTML
¿Cómo podría cambiar los valores de stroke-dasharray de tal forma que al momento de cambiar su valor cambie de clase y de color?.
Como se muestra en fiddle tengo 3 botones. Al presionar 8 am se ponga ...
1
voto
2respuestas
45 vistas
No consigo incrustar un svg desde un archivo externo
No sé si hay alguna solución. Tengo una web, que usa varios iconos (SVG) de forma muy recurrente en varias páginas.
Creo un archivo llamado icons.svg con la siguente estrucutra:
<svg>
<...