Articles of svg

.SVG Navegador de Apoyo

Estoy trabajando en un diseño receptivo y estoy pensando en crear íconos de navegación como archivos .svg. ¿Cómo es el soporte actual del navegador y existe una solución alternativa / complemento para versiones anteriores del navegador?

Animación de agua de relleno

Estoy tratando de obtener una animación de limpieza para hacer que un círculo parezca estar lleno de agua . Me he encontrado con dos errores y no he podido abordar el tercero: Se llena de la manera incorrecta Se restablece a vacío (negro) después de que se haya llenado * Por ahora, estoy usando las […]

¿Cómo centro un SVG en un div?

Tengo un SVG que estoy tratando de centrar en un div. El div tiene un ancho de 900px. El SVG tiene un ancho de 400px. El SVG tiene su margen izquierdo y margen derecho establecido en automático. No funciona, solo actúa como si el margen izquierdo fuera 0 (predeterminado). Alguien sabe mi error?

¿Cuál es la diferencia entre SVG y HTML5 Canvas?

¿Cuáles son las diferencias entre SVG y HTML5 Canvas? Ambos parecen hacer lo mismo para mí. Básicamente, ambos dibujan ilustraciones vectoriales usando puntos de coordenadas. ¿Qué me estoy perdiendo? ¿Cuáles son las principales diferencias entre SVG y HTML5 Canvas? ¿Por qué debería elegir uno sobre el otro?

Cómo incluir estilo CSS al convertir svg a png

He creado un elemento simple SVG que se dowbloaded a png al hacer clic en un botón, mi solución es similar a aquí La idea básica es: 1.svg al canvas 2. puede acceder a dataUrl Descarga 3.trigger de dataUrl el problema es que al descargar el archivo png no incluye el estilo css aplicado en […]

La imagen de datos SVG no funciona en Firefox

Estoy configurando un SVG como background-image de background-image para un pseudo elemento: content: ”; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url(‘data:image/svg+xml;utf8,’); background-repeat: repeat-x; background-position: bottom; pero por alguna razón no aparece en Firefox. No quiero usar una URL de datos base64. ¿No es esto posible en Firefox?

Recortar para ajustarse a un patrón svg

Tengo patrones que tienen una sola imagen en ellos. Necesito las imágenes para escalar a todo el ancho o la altura de sus contenedores, que son caminos, conservando sus proporciones. Esencialmente, necesitan comportarse como lo haría una imagen html si configuras min-width:100%; min-height:100%; min-width:100%; min-height:100%; No he usado svgs mucho antes y no sé qué […]

SVG esquina redondeada

Tengo el siguiente SVG: Quiero obtener un efecto de border-top-right-radius CSS-como border-top-right-radius y border-top-bottom-radius . ¿Cómo puedo lograr ese efecto de esquina redondeada?

Tener un problema en Real Device usando una imagen vectorial en android. SVG-android

Uso svg-android.jar desde https://github.com/pents90/svg-android en su buen funcionamiento, pero solo en dispositivos emulator en eclipse. Agrrrr. En dispositivos reales, simplemente vacía imageView en la pantalla. aquí está mi código: SVG svg = SVGParser.getSVGFromResource(getResources(), R.raw.test); Drawable drawable = svg.createPictureDrawable(); imgView.setImageDrawable(drawable); ¿cualquier sugerencia?

alineación vertical del elemento de texto en SVG

Digamos que tengo el archivo SVG: b a Quiero alinear de alguna manera la parte superior de a y b . De hecho, ¡quiero que mi posicionamiento esté de acuerdo con la roofline del roofline lugar de la baseline de baseline !