Preguntas con la etiqueta [svg]

Lista svg preguntas

Tengo ese código: .img-container { width: 300px; height: 300px; background-color: lightgreen; overflow: hidden; } .clipped-img { clip-path: url('#header-clip-svg'); } <div class="img-container"> <!--clipping SVG--> <svg height="0" width="0"> <defs> <clipPath id="header-clip-svg"> <path

Detectar iPad Mini en HTML5

0
respuestas
377
votos
60.6k
vistas

El iPad Mini de Apple es un clon más pequeño del iPad 2 en más aspectos de los que nos gustaría. En JavaScript, el window.navigatorobjeto expone los mismos valores para

Cómo centrar texto dentro de una ruta SVG

4
respuestas
41
votos
27.7k
vistas

Necesito ayuda, cuando uso svg para dibujar un ciclo y poner algo de texto, cómo centrar el texto dentro de una ruta SVG <svg height="500"width="500"> <path d="M250 250 L250 0

Tengo el siguiente código: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg> </span...

Texto transparente recortado del fondo.

14
respuestas
114
votos
114.8k
vistas

¿Hay alguna manera de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? Sería triste perder todo el valioso SEO debido

Estoy intentando hacer un círculo como este . Pude hacerlo en el violín, pero el problema es que necesito que cada lado naranja sea un enlace y no puedo hacerlo

Todo el mundo sabe cómo configurar un enlace favicon.ico en su HTML: <link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"> Pero es una tontería que solo para un ícono diminuto de varios bytes

Eliminar transformaciones en archivos SVG

28
respuestas
253
votos
105.5k
vistas

He estado luchando con esto por un tiempo y parece que no puedo encontrar una respuesta (que funcione) en ninguna parte. Tengo un archivo SVG que se ve así: <svg

Estoy intentando hacer este mapa de Estados Unidos a escala más pequeña. Ya sea a mi SVG, o incluso manualmente. Este es mi código en su forma más simple: function

¿Cómo centro un SVG en un div?

17
respuestas
357
votos
484.6k
vistas

Tengo un SVG que estoy intentando centrar en un div. El div tiene un ancho de 900px. El SVG tiene un ancho de 400px. El SVG tiene su margen izquierdo

¿Cómo puedo cambiar el color de un elemento 'svg'?

46
respuestas
1.2k
votos
2.9M
vistas

Quiero usar esta técnica y cambiar el color del SVG, pero hasta ahora no he podido hacerlo. Utilizo esto en CSS, pero mi imagen siempre es negra, pase lo que

Convertir una imagen SVG a PNG con PHP

9
respuestas
125
votos
vistas

Estoy trabajando en un proyecto web que involucra un mapa generado dinámicamente de los EE. UU. coloreando diferentes estados en función de un conjunto de datos. Este archivo SVG me

¿Cómo convertir un SVG a PNG con ImageMagick?

20
respuestas
603
votos
348.7k
vistas

Tengo un archivo SVG que tiene un tamaño definido de 16x16. Cuando uso el programa de conversión de ImageMagick para convertirlo a PNG, obtengo un PNG de 16x16 píxeles que

¿Cómo aplicar un estilo a un SVG incrustado?

6
respuestas
120
votos
102.5k
vistas

Cuando un SVG se incluye directamente en un documento mediante la <svg>etiqueta, puede aplicar estilos CSS al SVG a través de la hoja de estilos del documento. Sin embargo, estoy

Estoy configurando un SVG como background-imagepara un pseudo elemento: content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"