Articles of svg

¿Por qué no puedo hacer referencia a un degradado lineal SVG definido en un archivo externo (paint server)?

Por favor, eche un vistazo a este Pen: http://codepen.io/troywarr/pen/VYmbaa Lo que estoy haciendo aquí es: definir un símbolo SVG ( ) definir un gradiente lineal SVG ( ) usando el elemento para hacer referencia al símbolo SVG que he creado en el CSS, definiendo dos clases: external , que hace referencia al degradado lineal definido […]

Forma doble curvada

Actualmente estoy intentando generar una forma de ‘fondo fantasmal ondulado’. Esta forma contiene dos curvas dobles: Aunque la parte inferior de esta imagen creo que la retrata en mejores imágenes. Mi código Mi bash actual de generar esta forma estaba usando pseudoelementos y overflow: hidden , aunque esto no permite un fondo degradado (requeriría un […]

¿Los documentos SVG admiten atributos de datos personalizados?

En HTML5, los elementos pueden tener metadatos arbitrarios almacenados en atributos XML cuyos nombres comiencen con data- , como . ¿Es esto parte de la especificación de SVG también? En la práctica, esta técnica funciona bien para documentos SVG en muchos lugares. Pero me gustaría saber si es parte de la especificación oficial de SVG […]

Visualización de SVG en OpenGL sin ráster intermedio

Tengo algunas ilustraciones simples de SVG (íconos y glifos) que quiero mostrar en una aplicación OpenGL (desarrollándome en C ++ en Debian, usando Qt). La solución obvia es utilizar las bibliotecas de ImageMagick para convertir los archivos SVG en imágenes de bitmap y texturizarlos en algunos polígonos adecuados (o simplemente usar buenos viejos glDrawPixels). Sin […]

¿Dibujando SVG en .NET / C #?

Me gustaría generar un archivo SVG usando C #. Ya tengo un código para dibujarlos en formato PNG y EMF (utilizando la clase estándar de framework System.Drawing.Imaging.Metafile y ZedGraph ). ¿Qué podría recomendar hacer para adaptar ese código a SVG? Preferentemente, me gustaría encontrar alguna biblioteca (gratuita o no) que imite la interfaz System.Drawing.Graphics .

.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 […]