Preguntas etiquetadas con svg

Este es el tipo de mimo SVG habitual: image/svg+xml Y funciona muy bien. Sin embargo, al incrustar una fuente SVG, Chrome le dice que el tipo MIME es incorrecto, obviamente porque devuelve una fuente en lugar de una imagen. ¿Hay algún tipo de mimo universal? ¿Está mal el cromo? se …

168 html  svg  font-face  mime-types 

¿Es posible establecer un background-imagepara un <path>elemento SVG ? Por ejemplo, si configuro el elemento class="wall", el estilo CSS .wall {fill: red;}funciona, pero .wall{background-image: url(wall.jpg)}tampoco lo hace .wall {background-color: red;}.

166 html  css  image  svg  background-image 

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

165 ipad  html  canvas  svg 

He encontrado una gran cantidad de bibliotecas para usar svg en Android y evitar la creación frustrante de diferentes resoluciones y la caída de archivos para cada resolución, esto se vuelve muy molesto cuando la aplicación tiene muchos iconos o imágenes. ¿Alguien puede ser tan amable de dar un proceso …

165 android  svg  androidsvg 

Entonces, tengo un archivo SVG en HTML, y una de las cosas que he escuchado sobre el formato es que no se pixela al acercarlo. Sé que con un jpeg o lo que sea, podría tenerlo almacenado como un icono de 50 por 50, y luego mostrarlo como una miniatura …

157 html  svg 

He estado luchando con esto por un tiempo, y parece que no puedo encontrar una respuesta (que funcione) en ningún lado. Tengo un archivo SVG que se ve así: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 …

155 svg  transform  inkscape 

Estoy usando los círculos svg en mi proyecto así, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Y estoy usando el índice z en la getiqueta para mostrar los elementos primero. …

154 javascript  jquery  svg  z-index 

Pregunta corta: usando la ruta SVG, podemos dibujar el 99.99% de un círculo y aparece, pero cuando es el 99.99999999% de un círculo, entonces el círculo no aparecerá. ¿Cómo se puede arreglar? La siguiente ruta SVG puede dibujar el 99.99% de un círculo: (pruébelo en http://jsfiddle.net/DFhUF/1381/ y vea si ve …

147 svg  geometry  drawing  vml  geometric-arc 

¿Es una imagen SVG puramente vectorial o podemos combinar imágenes de mapa de bits en una imagen SVG? ¿Qué tal las transformaciones aplicadas en las imágenes de mapa de bits (perspectiva, mapeos, etc.)? Editar : las imágenes se pueden incluir en un SVG por referencia de enlace. Ver http://www.w3.org/TR/SVG/struct.html#ImageElement . …

147 image  svg  bitmapimage 

Tengo un objeto SVG en mi página HTML y lo estoy envolviendo en un ancla, de modo que cuando se hace clic en la imagen svg, lleva al usuario al enlace del ancla. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Cuando uso este bloque …

143 html  object  svg  anchor 

Digamos que tengo el archivo SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Quiero alinear de alguna manera la parte superior de ay b. En realidad, ¡quiero que mi posicionamiento esté de acuerdo con el en rooflinelugar de baseline!

142 svg  vertical-alignment  w3c 

Me encanta la fuente del ícono Font Awesome y quiero usarla para la mayoría de los íconos en mi sitio, pero hay algunos íconos de svg personalizados que necesitaría además de lo que se ofrece. Noté que la versión .svg de Font Awesome se compone principalmente de estos <glyph />elementos: …

138 svg  webfonts  font-awesome 

Me gustaría establecer un color de fondo predeterminado para todo el documento SVG, por ejemplo, en rojo. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> La solución anterior funciona, pero la propiedad de fondo del atributo de estilo desafortunadamente no es estándar: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , por lo que se elimina …

134 svg 

¿Existe una forma predeterminada de dibujar un archivo SVG en un lienzo HTML5? Google Chrome admite cargar el SVG como una imagen (y simplemente usarlo drawImage), pero la consola del desarrollador sí lo advierte resource interpreted as image but transferred with MIME type image/svg+xml. Sé que una posibilidad sería convertir …

130 html  canvas  svg 

Estoy buscando usar un logotipo SVG para un sitio web, para que se vea genial en un diseño receptivo para todos los dispositivos. Pero como hay problemas , quiero admitir tantos dispositivos y navegadores como sea posible. La velocidad de carga también es una consideración importante. ¿Cómo encajan las configuraciones …

128 html  css  image  svg  adobe-illustrator