Preguntas con la etiqueta [svg]
¿Cómo cambiar el tamaño del área ClipPath de SVG?
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
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
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
¿Puedo cambiar el color de relleno de una ruta svg con CSS?
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.
¿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
Cómo crear un círculo con enlaces en el lado del borde
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
¿Cómo evitar una solicitud HTTP solo para un favicon? [duplicar]
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
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
Escalar el mapa d3 v4 para que se ajuste a SVG (o nada)
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?
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'?
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
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?
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?
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
La imagen de datos SVG no funciona como imagen de fondo en un pseudoelemento
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"