Resultados de la búsqueda a petición "svg"

8 la respuesta

Leer atributos de SVG-Elements en HTML a través de JS

Tengo el siguiente marcado (HTML con SVG nativo): <!doctype html> <!-- ... html-Elements ... --> <svg version="1.1" ... > <defs> <circle id="infop" cx="0" cy="0" r="9" /> </defs> <!-- ... svg Elements ... --> <svg> <!-- to have separate ...

4 la respuesta

agregar texto al documento SVG en javascript

Estoy tratando de agregar un elemento de texto a la<g> elemento en un documento SVG usando javascript mi código se ve así function addText(x,y,val){ var newtxt = document.createElementNS("http://www.w3.org/2000/svg", "text"); $newtxt ...

2 la respuesta

Autoscaling un SVG incrustado en HTML en el cambio de tamaño de la ventana

Me gustaría incrustar algo de SVG en una página HTML de tal manera que se redimensione automáticamente (usando SVG, CSS o JS) cuando se cambia el tamaño de la página, mientras se conserva la relación de aspecto original. Por ejemplo, usando un ...

2 la respuesta

SVG y Spritesheets

¿Es posible esta combinación? Tengo una hoja de sprites de estilo retro, sin embargo, me gustaría usar SVG con ella para aplicar algunos efectos como sombras, contornos y otras cosas. No lo cuestiones. Sé que el lienzo es una alternativa, sin ...

2 la respuesta

Utilizando un trazado de recorte con un objeto posicionado en Webkit

Considerareste simple archivo SVG [http://phrogz.net/svg/image-spritesheet-static.svg]: <svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink" viewBox="0 0 353 150"> <defs> <clipPath id="walk0"><rect width="44" ...

6 la respuesta

Ancho de elemento SVGSVGE incorrecto en Firefox

En el siguiente documento: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd"> <svg width = "100%" height = "100%" id="pic" version="1.1" ...

2 la respuesta

Dibujar ruta en Canvas con datos de ruta SVG (rutas SVG a rutas Canvas)

Tengo un mapa detallado de un país en SVG con áreas separadas en este formato: <path class="state-x-area" d="m 575.8672,180.4954 c -0.6572,-0.0938 -2.252,-0.4688 -2.627,-0.375 -1.0313,0.1875 0.375,1.501 -0.1875,1.876 -0.4688,0.1875 ...

4 la respuesta

SVG - Obtenga el tamaño de fuente de un TextElement

¿Cómo obtengo el tamaño de fuente de un SvgTextElement cuando CSS puede establecerlo y / o heredarlo? 'getAttributeNS' solo funciona si el Elemento tiene la propiedad directamente aplicada. Creo que puede requerir 'baseVal' pero no estoy ...

10 la respuesta

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

4 la respuesta

SVG escala de nueve cortes

¿Cómo se puede obtener escala de nueve cortes [http://rwillustrator.blogspot.com/2007/04/understanding-9-slice-scaling.html] en SVG? Específicamente, estoy buscando una manera de definir objetos SVG que se comporten como objetos de nueve cortes ...