Actualmente construyendo una aplicación SVG basada en navegador. Dentro de esta aplicación, el usuario puede diseñar y posicionar varias formas, incluidos los rectángulos. Cuando aplico stroke-widtha un rectelemento SVG de say 1px, el trazo se aplica al rectdesplazamiento y al recuadro del s de...
En aproximadamente la mitad de los ejemplos de svg que veo en Internet, el código está envuelto en <svg></svg>etiquetas simples y simples . En la otra mitad, las etiquetas svg tienen muchos atributos complicados como este: <svg xmlns="http://www.w3.org/2000/svg" version="1.1"...
Estoy jugando con SVG y tengo algunos problemas con el posicionamiento. Tengo una serie de formas que están contenidas en la getiqueta del grupo. Tenía la esperanza de usarlo como un contenedor, para poder establecer su posición x y luego todos los elementos en ese grupo también se moverían. Pero...
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"...
Tengo un fragmento de código JavaScript que crea (usando D3.js) un svgelemento que contiene un gráfico. Quiero actualizar el gráfico en función de los nuevos datos provenientes de un servicio web que utiliza AJAX, el problema es que cada vez que hago clic en el botón de actualización, genera uno...
Asumiendo esto: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); });...
Dado un círculo centrado en (200.200), radio 25, ¿cómo dibujo un arco de 270 grados a 135 grados y uno que vaya de 270 a 45 grados? 0 grados significa que está justo en el eje x (el lado derecho) (lo que significa que es la posición de las 3 en punto) 270 grados significa que es la posición de las...
Quiero mostrar algo de texto dentro de SVG rect. ¿Es posible? Lo intenté <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text>...
Tengo el siguiente rectángulo ... <rect x="0px" y="0px" width="60px" height="20px"/> Me gustaría centrar la palabra "Ficción" dentro de ella. Para otros rectángulos, ¿la palabra svg se ajusta para permanecer dentro de ellos? Parece que no puedo encontrar nada específicamente sobre insertar...
Sé con eso que una imagen se puede colocar en un MD con la sintaxis de MD de cualquiera o , pero tengo dificultades para colocar un SVG en MD donde el código está alojado en GitHub. En última instancia, uso rails3, y cambiar...
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...
¿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:
Alguien sabe cómo se puede hacer esto? ¿Usaría un objeto de lienzo, svg, jQuery,
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...
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 de 100 por 100 (o más bien pixelada) (o 10 por...
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 ...
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" />...
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/...
¿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...
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...