svg

El elemento Canvas de HTML5 vs SVG vs div

¿Cuál es el mejor enfoque para crear elementos sobre la marcha y poder moverlos? Por ejemplo, digamos que quiero crear un re ... te con el elemento canvas, el segundo completamente con el elemento svg, y el tercero con el elemento div simple, HTML y CSS.

Modificar el color de relleno SVG cuando se sirve como Imagen de fondo

Colocando la salida SVG directamente en línea con el código de la página, puedo simplemente modificar los colores de relleno ... 2,33.77 126.65,31.066 "/> <circle class="mycircle" fill="#ED1F24" cx="202.028" cy="58.342" r="12.26"/> </svg>

Cómo cambiar el color de la imagen SVG usando CSS (jQuery SVG image replacement)?

Esta es una pregunta y respuesta propia de una pieza de código útil que se me ocurrió. Actualmente, no hay una manera fácil ... ca se ha hecho para SVGs. Esta es la pregunta: ¿Cómo incrusto un SVG y cambio su color en CSS sin usar un framework JS-SVG?

PNG vs GIF vs JPEG vs SVG - Cuándo es mejor utilizar?

¿Cuándo se deben usar ciertos tipos de archivos de imagen al crear sitios web o interfaces, etc.? ¿cuáles son sus puntos d ... cuándo debo usarlo? Si no le importan todos y cada uno de los píxeles, ¿debería usar siempre JPEG ya que es el más "ligero"?

¿Cómo puedo crear una lágrima en HTML?

¿Cómo puedo crear una forma como esta para mostrarla en una página web? No quiero usar imágenes, ya que obtener borrosa e ... ero la parte inferior no estaba curvada. ¿Hay una manera de crear esta forma para que se pueda utilizar en una página HTML?

Capture la firma mediante HTML5 y iPad

Alguien sabe cómo se puede hacer esto? ¿Usarías un objeto canvas, svg, jQuery, etc.?

¿Cómo centro un SVG en un div?

Tengo un SVG que estoy tratando de centrar en un div. El div tiene un ancho o 900px. El SVG tiene un ancho de 400px. El SVG t ... o establecido en auto. No funciona, solo actúa como si el margen izquierdo fuera 0 (por defecto). ¿Alguien conoce mi error?

SVG: texto dentro de rect

Quiero mostrar algún texto dentro de SVG rect. Es posible? Lo intenté <svg xmlns="http://www.w3.org/2000/svg"> &l ... ="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Pero no funciona.

Convertir SVG a imagen (JPEG, PNG, etc.) en el navegador

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

SVG en línea en CSS

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

img src SVG cambiar el color de relleno

Html <img src="logo.svg" alt="Logo" class="logo-img"> Css .logo-img path { fill: #000; } El svg anterior se car ... s para intentar cambiarlo a negro no cambia, esta es mi primera vez jugando con SVG y no estoy seguro de por qué no funciona.

jQuery SVG vs Raphael [cerrado]

Estoy trabajando en una interfaz interactiva usando SVG y JavaScript/jQuery, y estoy tratando de decidir entre Raphael y jQ ... stoy principalmente interesado en la forma más elegante de crear, animar y manipular elementos individuales en un Lienzo SVG.

SVG cambia de color cuando se gira en Safari 10

Acabo de encontrarme con un problema muy extraño que solo aparece en Safari 10. Tengo naipes, imágenes svg, que a veces se gi ... ari 10, pero alguna idea sobre cómo solucionarlo? He creado una reproducción mínima en: Https://jsfiddle.net/2zv4garu/1 /

Cómo calcular la ruta SVG para un arco (de un círculo)

Dado un círculo centrado en (200,200), radio 25, ¿cómo dibujo un arco de 270 grados a 135 grados y uno que va de 270 a 45 gra ... parte de un círculo con x, y, r, d1, d2, direction Significa center (x,y), radius r, degree_start, degree_end, direction

Cómo convertir un SVG a PNG con Image Magick?

Tengo un archivo SVG que tiene un tamaño definido de 16x16. Cuando uso el programa de conversión de Image Magick para convert ... vert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png Entonces, ¿cuál es el parámetro mágico que tengo que usar aquí?

Convertir SVG a PNG usando C # [cerrado]

He estado tratando de convertir imágenes SVG a PNG usando C#, sin tener que escribir demasiado código. ¿Puede alguien recomendar una biblioteca o un código de ejemplo para hacer esto?

¿Cómo puedo hacer una escala svg con su contenedor padre?

Quiero tener una escala de contenido de un elemento svg inline cuando el tamaño no es nativo. Por supuesto que podría tenerlo ... los adicionales al SVG a través de CSS, por lo que vincular uno externo no es una opción. ¿Cómo hago una escala SVG en línea?

¿Configuración óptima para exportar SVG para la web desde Illustrator?

Estoy buscando usar un logotipo SVG para un sitio web, para que se vea genial en un diseño receptivo para todos los dispositi ... 00px (por lo que 400x400px en pantallas Retina), es "3" la mejor configuración? O " 2 " a ¿minimizar el tamaño del archivo?

¿Cómo puedo escalar un SVG terco incrustado con la etiqueta?

Tengo algunos archivos SVG que especifica width y height así como viewbox como esto: <svg width="576pt" height="432pt" v ... o quiero decidir el tamaño en el HTML independientemente de los tamaños que se utilicen en el archivo SVG. Es esto posible ?

¿SVG admite la incrustación de imágenes de mapa de bits?

¿Es una imagen SVG puramente vectorial o podemos combinar imágenes de mapa de bits en una imagen SVG ? Qué tal las transfor ... magen svg, el enlace debe ser seguido y la imagen descargada. Aparentemente .los archivos svg son simplemente archivos xml.