Preguntas etiquetadas con svg

Gráficos vectoriales escalables (SVG) es un formato de gráficos vectoriales bidimensionales basado en XML que también se puede utilizar en HTML. No agregue esta etiqueta solo porque su proyecto usa SVG. En su lugar, agregue la etiqueta si su pregunta es sobre SVG o está estrechamente relacionada con ella, como cómo lograr algo con SVG.

13
¿Utilizo <img>, <object> o <embed> para archivos SVG?
¿Debo usar &lt;img&gt;, &lt;object&gt;o &lt;embed&gt;para cargar archivos SVG en una página de forma similar a cargar un jpg, gifo png? ¿Cuál es el código de cada uno para garantizar que funcione lo mejor posible? (Veo referencias para incluir el tipo MIME o señalar a los renderizadores SVG alternativos en mi …


8
HTML5 Canvas vs. SVG vs. div
¿Cuál es el mejor enfoque para crear elementos sobre la marcha y poder moverlos? Por ejemplo, supongamos que quiero crear un rectángulo, círculo y polígono y luego seleccionar esos objetos y moverlos. Entiendo que HTML5 proporciona tres elementos que pueden hacer esto posible: svg , canvas y div . Para …



17
¿Cómo convertir un SVG a un PNG con ImageMagick?
Tengo un archivo SVG que tiene un tamaño definido de 16x16. Cuando uso el programa de conversión de ImageMagick para convertirlo en PNG, obtengo un PNG de 16x16 píxeles que es demasiado pequeño: convert test.svg test.png Necesito especificar el tamaño de píxel de la salida PNG. -sizeel parámetro parece ignorarse, …
389 svg  imagemagick  png 

7
Sombra paralela SVG usando css3
¿Es posible establecer sombra paralela para un elemento svg usando css3, algo así como box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Vi algunos comentarios sobre la creación de sombras usando efectos de filtro. ¿Hay un ejemplo de uso de CSS solo? A continuación se muestra un código …
379 html  css  svg  svg-filters 

23
Detectar iPad Mini en HTML5
El iPad Mini de Apple es un clon más pequeño del iPad 2 en más formas de las que quisiéramos. En JavaScript, el window.navigatorobjeto expone los mismos valores para Mini y iPad 2. Hasta ahora, mis pruebas para detectar la diferencia no han tenido éxito. ¿Porque es esto importante? Como …
376 javascript  html  ipad  svg 

18
img src SVG cambiando los estilos con CSS
html &lt;img src="logo.svg" alt="Logo" class="logo-img"&gt; css .logo-img path { fill: #000; } El svg anterior se carga y es nativo, fill: #fffpero cuando uso el anterior csspara intentar cambiarlo a negro no cambia, esta es la primera vez que juego con SVG y no estoy seguro de por qué no …
374 css  image  svg 

16
¿Cómo cambiar el color de un elemento svg?
Quiero usar esta técnica http://css-tricks.com/svg-fallbacks/ y cambiar el color de svg, pero hasta ahora no he podido hacerlo. Puse esto en el CSS pero mi imagen siempre es negra, pase lo que pase. Mi código: .change-my-color { fill: green; } &lt;svg&gt; &lt;image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /&gt; &lt;/svg&gt; Ejecutar …
352 css  svg 


15
jQuery SVG, ¿por qué no puedo agregar Class?
Estoy usando jQuery SVG. No puedo agregar o eliminar una clase a un objeto. Alguien sabe mi error? El SVG: &lt;rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /&gt; El jQuery que no agregará la clase: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Sé que SVG y jQuery funcionan bien juntos porque puedo apuntar …

7
SVG en línea en CSS
¿Es posible usar una definición SVG en línea en CSS? Me refiero a algo como: .my-class { background-image: &lt;svg&gt;...&lt;/svg&gt;; }
284 css  svg 

16
Modifique el color de relleno SVG cuando se sirva como imagen de fondo
Al colocar la salida SVG directamente en línea con el código de página, puedo modificar simplemente los colores de relleno con CSS de la siguiente manera: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Esto funciona muy bien, sin embargo, estoy buscando una manera de modificar el atributo …
270 html  css  svg 

15
¿Cómo convertir una imagen PNG a un SVG? [cerrado]
Cerrada . Esta pregunta necesita estar más centrada . Actualmente no está aceptando respuestas. Cerrado hace 4 años . Bloqueado . Esta pregunta y sus respuestas están bloqueadas porque la pregunta está fuera de tema pero tiene un significado histórico. Actualmente no está aceptando nuevas respuestas o interacciones. ¿Cómo convertir …
266 svg  png 

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.