Preguntas etiquetadas con svg

¿Debo usar <img>, <object>o <embed>para cargar archivos SVG en una página de forma similar a cargar un jpg, gifo png? ¿Cuál es el código de cada uno para garantizar que funcione lo mejor posible? (Veo referencias para incluir el tipo MIME o señalar a los renderizadores SVG...

¿Cuándo se deben usar ciertos tipos de archivos de imagen al crear sitios web o interfaces, etc.? ¿Cuáles son sus puntos fuertes y débiles? Sé que PNG y GIF no tienen pérdidas, mientras que JPEG tiene pérdidas. Pero, ¿cuál es la principal diferencia entre PNG y GIF? ¿Por qué debería preferir...

¿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 ....

На этот вопрос есть ответы en Stack Overflow en русском Este es un Q&A propio de un útil código que se me ocurrió. Actualmente, no hay una manera fácil de incrustar una imagen SVG y luego tener acceso a los elementos SVG a través de CSS. Existen varios métodos para...

¿Es posible establecer una transparencia o un nivel alfa en los colores de relleno SVG? Intenté agregar dos valores a la etiqueta de relleno (cambiándola de fill="#044B94"a fill="#044B9466"), pero esto no

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...

¿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...

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...

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...

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"...

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

Estoy usando jQuery SVG. No puedo agregar o eliminar una clase a un objeto. Alguien sabe mi error? El SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> El jQuery que no agregará la clase: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Sé que...

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

Al colocar la salida SVG directamente en línea con el código de página, puedo modificar simplemente los colores de relleno con CSS de la siguiente manera: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Esto funciona muy bien, sin embargo, estoy buscando una manera de...

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....

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...

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 .

Quiero colocar algunas imágenes SVG antes de algunos elementos seleccionados. Estoy usando jQuery pero eso es irrelevante. Me gustaría tener el :beforeelemento para ser como: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px...

Quiero tener una escala de contenido del elemento svg en línea cuando el tamaño no es nativo. Por supuesto, podría tenerlo como un archivo separado y escalarlo así. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Sin embargo,...

¿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:...