Programación svg

14

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 . Mejora esta pregunta Estoy trabajando en una interfaz interactiva usando …

254 javascript jquery svg raphael

11

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

254 css layout svg positioning margin

8

¿Hay alguna manera de usar SVG como contenido en un pseudo elemento: before o: after

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 0 10px; } Si lo hago como se muestra arriba, …

246 css svg

7

¿Cómo puedo hacer una escala svg con su contenedor principal?

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, quiero agregar estilos adicionales al SVG a través de CSS, …

236 css html svg scaling

12

¿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: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> …

223 html css svg css-shapes

10

¿Puedes controlar cómo se dibuja el ancho de trazo de un SVG?

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 diferentes maneras por diferentes navegadores. Esto …

204 svg offset rect

4

¿Se necesitan parámetros SVG como 'xmlns' y 'versión'?

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" xmlns:xlink="http://www.w3.org/1999/xlink"> Mi pregunta es: ¿está bien usar las etiquetas svg simples? …

204 xml svg tags

5

Posicionamiento SVG

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 …

203 svg position grouping

7

¿Cómo puedo eliminar o reemplazar el contenido SVG?

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 …

200 javascript ajax svg d3.js

8

¿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>&nbsp; </span> ¿Es posible cambiar el color de relleno de la ruta SVG con CSS o algún otro medio sin cambiarlo realmente dentro de la …

200 css svg

14

¿jquery's append no funciona con el elemento svg?

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"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> ¿Por qué no veo nada?

199 jquery html svg

13

Cómo calcular la ruta SVG para un arco (de un círculo)

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 …

191 svg

5

SVG: texto dentro de rect

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> </rect> </g> </svg> Pero no funciona.

180 text svg rect

10

Cómo colocar y centrar texto en un rectángulo SVG

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 texto dentro de formas que estén centradas tanto horizontal …

179 text svg

8

Incluya un SVG (alojado en GitHub) en MarkDown

Sé con eso que una imagen se puede colocar en un MD con la sintaxis de MD de cualquiera ![Alt text](/path/to/img.jpg)o ![Alt text](/path/to/img.jpg "Optional title"), pero tengo dificultades para colocar un SVG en MD donde el código está alojado en GitHub. En última instancia, uso rails3, y cambiar el modelo …

173 svg github markdown

Preguntas etiquetadas con svg