Preguntas etiquetadas con svg

¿Debo usar <img>, <object>o <embed>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 …

603 html  svg  vector-graphics 

¿Cuándo se deben usar ciertos tipos de archivos de imagen al crear sitios web o interfaces, etc.? ¿Cuáles son sus puntos fuertes y débiles? Sé que PNG y GIF no tienen pérdidas, mientras que JPEG tiene pérdidas. Pero, ¿cuál es la principal diferencia entre PNG y GIF? ¿Por qué debería …

575 image  svg  png  jpeg  gif 

¿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 …

476 javascript  html  svg  html5-canvas 

На этот вопрос есть ответы en Stack Overflow en русском Este es un Q&A propio de un útil código que se me ocurrió. Actualmente, no hay una manera fácil de incrustar una imagen SVG y luego tener acceso a los elementos SVG a través de CSS. Existen varios métodos para …

437 jquery  css  svg 

¿Es posible establecer una transparencia o un nivel alfa en los colores de relleno SVG? Intenté agregar dos valores a la etiqueta de relleno (cambiándola de fill="#044B94"a fill="#044B9466"), pero esto no funciona.

416 colors  svg  transparency  alpha  fill 

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 

¿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 

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 

html <img src="logo.svg" alt="Logo" class="logo-img"> 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 

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; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Ejecutar …

352 css  svg 

Quiero convertir SVG en imágenes de mapa de bits (como JPEG, PNG, etc.) a través de JavaScript.

300 javascript  svg 

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

289 javascript  jquery  css  svg  jquery-svg 

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

284 css  svg 

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 

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