Preguntas etiquetadas con svg

Tengo una serie de rectángulos svg (usando D3.js) y quiero mostrar un mensaje al pasar el mouse, el mensaje debe estar rodeado por un cuadro que actúa como fondo. Ambos deben estar perfectamente alineados entre sí y con el rectángulo (arriba y centrado). ¿Cuál es la mejor manera de hacer …

92 javascript  svg  d3.js  tooltip 

¿Puedo usar mi image.svg convertido como icono de mapa de Google? Estaba convirtiendo mi imagen png a svg y quiero usar esto como el símbolo del mapa de Google que se puede rotar. Ya intenté usar el símbolo del mapa de Google pero quiero tener un ícono como auto, hombre, …

91 google-maps  google-maps-api-3  svg 

Me pregunto por qué tan pocos sitios web modernos todavía usan solo PNG para los íconos (pero esta suposición se basa solo en mi observación). Hasta ahora, lo sé, las principales razones para usar PNG en lugar de SVG son IE8 y que SVG usa más potencia de CPU (pero …

91 html  svg  icons 

¿Hay alguna forma de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? Sería triste perder todo el precioso SEO debido a que las imágenes reemplazan al texto. Primero pensé en las sombras pero no puedo descifrar nada ... La imagen …

90 css  svg  fonts  css-shapes 

Quiero obtener los datos de la ruta SVG de los glifos de Font Awesome para poder usarlos directamente como SVG en mi HTML. Pensé que sería tan fácil como copiar y pegar los datos de la ruta de fontawesome-webfont.svg , pero cuando lo uso en mi HTML, todos los símbolos …

89 html  svg  font-awesome 

Digamos que tengo un par de formas compuestas ( <g>). Quiero poder hacer clic y arrastrarlos, pero quiero que el que estoy arrastrando en este momento esté encima del otro en el orden Z, de modo que si lo arrastro sobre el OTRO, el otro uno debería ser eclipsado.

85 javascript  svg 

¿Cuál es la forma correcta de obtener las dimensiones de un svgelemento? http://jsfiddle.net/langdonx/Xkv3X/ Chrome 28: style x client 300x100 offset 300x100 IE 10: stylex client300x100 offsetundefinedxundefined FireFox 23: "style" "x" "client" "0x0" "offset" "undefinedxundefined" Hay propiedades de ancho y alto activadas svg1, pero .width.baseVal.valuesolo se establecen si configuro los atributos …

85 javascript  svg 

Tengo el siguiente SVG: <svg> <g> <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path> <path id="kb8000001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#k9ffb0001)"></path> </g> </svg> …

84 xml  image  svg  vector-graphics 

¿Cuál es una forma eficaz de llevar un elemento SVG a la parte superior del orden z, utilizando la biblioteca D3? Mi escenario específico es un gráfico circular que resalta (agregando un strokeal path) cuando el mouse está sobre una pieza determinada. El bloque de código para generar mi gráfico …

81 javascript  svg  d3.js 

Soy nuevo en la codificación d3 y svg y estoy buscando una forma de rotar texto en el eje x de un gráfico. Mi problema es que, por lo general, los títulos de xAxis son más largos que las barras del gráfico de barras. Así que estoy buscando rotar el …

81 text  svg  transform  d3.js 

¿Cómo puedo crear gráficos SVG usando JavaScript? ¿Todos los navegadores admiten SVG?

80 javascript  graphics  svg 

¿Android es compatible con SVG? algún ejemplo?

79 android  svg 

Tengo una construcción HTML que se parece al siguiente código: <div id='intro'> <svg> //draw some svg elements <svg> </div> Quiero poder agregar algunos elementos al SVG definido anteriormente usando javascript y DOM. ¿Cómo lograría eso? estaba pensando en var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> No estoy muy familiarizado con el …

79 javascript  html  dom  svg 

¿Hay alguna manera de permitir que un usuario, después de haber creado un gráfico vectorial en un lienzo svg javascript usando un navegador, descargue este archivo en su sistema de archivos local? SVG es un campo totalmente nuevo para mí, así que tenga paciencia si mi redacción no es precisa.

78 javascript  svg  save  filesystems  local 

Tengo una tabla html y quiero dibujar una flecha de una celda a otra. Por ejemplo así: ¿Como se puede hacer esto? HTML de ejemplo: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Si cambia el tamaño del navegador, la flecha …

13 javascript  html  svg