Preguntas etiquetadas con svg

Gráficos vectoriales escalables (SVG) es un formato de gráficos vectoriales bidimensionales basado en XML que también se puede utilizar en HTML. No agregue esta etiqueta solo porque su proyecto usa SVG. En su lugar, agregue la etiqueta si su pregunta es sobre SVG o está estrechamente relacionada con ella, como cómo lograr algo con SVG.

476
HTML5 Canvas vs. SVG vs. div

¿Cuál es el mejor enfoque para crear elementos sobre la marcha y poder moverlos? Por ejemplo, supongamos que quiero crear un rectángulo, círculo y polígono y luego seleccionar esos objetos y moverlos. Entiendo que HTML5 proporciona tres elementos que pueden hacer esto posible: svg , canvas y div ....

389
¿Cómo convertir un SVG a un 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 en PNG, obtengo un PNG de 16x16 píxeles que es demasiado pequeño: convert test.svg test.png Necesito especificar el tamaño de píxel de la salida PNG. -sizeel parámetro...

379
Sombra paralela SVG usando css3

¿Es posible establecer sombra paralela para un elemento svg usando css3, algo así como box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Vi algunos comentarios sobre la creación de sombras usando efectos de filtro. ¿Hay un ejemplo de uso de CSS solo? A continuación se...

376
Detectar iPad Mini en HTML5

El iPad Mini de Apple es un clon más pequeño del iPad 2 en más formas de las que quisiéramos. En JavaScript, el window.navigatorobjeto expone los mismos valores para Mini y iPad 2. Hasta ahora, mis pruebas para detectar la diferencia no han tenido éxito. ¿Porque es esto importante? Como las...

374
img src SVG cambiando los estilos con CSS

html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } El svg anterior se carga y es nativo, fill: #fffpero cuando uso el anterior csspara intentar cambiarlo a negro no cambia, esta es la primera vez que juego con SVG y no estoy seguro de por qué no...

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

Quiero usar esta técnica http://css-tricks.com/svg-fallbacks/ y cambiar el color de svg, pero hasta ahora no he podido hacerlo. Puse esto en el CSS pero mi imagen siempre es negra, pase lo que pase. Mi código: .change-my-color { fill: green; } <svg> <image class="change-my-color"...

284
SVG en línea en CSS

¿Es posible usar una definición SVG en línea en CSS? Me refiero a algo como: .my-class { background-image:

266
¿Cómo convertir una imagen PNG a un SVG? [cerrado]

Cerrada . Esta pregunta necesita estar más centrada . Actualmente no está aceptando respuestas. Cerrado hace 4 años . Bloqueado . Esta pregunta y sus respuestas están bloqueadas porque la pregunta está fuera de tema pero tiene un significado histórico....

254
¿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 400 px. El SVG tiene su margen izquierdo y margen derecho establecidos en automático. No funciona, solo actúa como si el margen izquierdo fuera 0 (predeterminado). Alguien sabe mi...

254
jQuery SVG vs. Raphael [cerrado]

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 6 años .

223
¿Cómo creo una lágrima en HTML?

¿Cómo creo una forma como esta para mostrar en una página web? No quiero usar imágenes, ya que se volverían borrosas al escalar Intenté con CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius:...