Pregunta sobre SVG Support de Wordpress:

Aparecen informaci贸n sobre herramientas de las etiquetas de t铆tulo svg

Un usuario pregunt贸 馃憞

Ninguna de mis descripciones emergentes funciona con este plugin (definido dentro del SVG usando [tooltip content]). Suelen tener m煤sica pop.

Para ser honesto, me gustar铆a que esta informaci贸n sobre herramientas apareciera en un div separado, y parece que con la configuraci贸n 芦avanzada禄 de este plugin. Pero como n00b, no tengo ni idea de c贸mo hacerlo. Vea el ejemplo siguiente para mi archivo text.svg. 驴C贸mo hago para que la informaci贸n sobre herramientas (鈥淭ooltip1鈥 y 鈥淭ooltip2鈥) se muestren en otro contenedor div? Ver ps a continuaci贸n.

Pero ese es realmente un problema central para la capacidad de punta de punta de SVG de este plugin (creo que as铆 es como deber铆an funcionar las descripciones emergentes de todos modos).

隆Gracias de antemano! – Dave

<svg id="svg1";>
  <text id="text1" x="30"; y="30";>
    <title>
      Tooltip1
    </title>
    <tspan id="tspan1" x="30"; y="30";>Text1</tspan>
  </text>
  <text id="text2" x="30"; y="60";>
    <title>
      Tooltip2
    </title>
    <tspan id="tspan2"  x="30"; y="60">Text2</tspan>
    </text>
</svg>

(@benbodhi)

Hace 3 a帽os, 3 meses

Hola,

Gracias por abrir el hilo de soporte 馃檪

Estoy un poco confundido sobre por qu茅 desea usar el formato SVG para esto …

驴Quiz谩s podr铆a proporcionar un poco m谩s de contexto, por favor?

Guard茅 este c贸digo como un archivo SVG est谩ndar, pero no tiene datos sobre formas, por lo que no puedo ver nada.

(@lullabyman)

Hace 3 a帽os, 3 meses

Si lo guarda como un SVG y lo suelta en una ventana del navegador, luego coloque el cursor sobre los textos 芦Texto1禄 y 芦Texto2禄, aparecer谩n las sugerencias. No usar谩n este plugin.

> 驴Por qu茅 quieres usar el formato SVG para esto …

Porque est谩 animado. El SVG real que estoy usando es este:
http://immersionmax.com/wp-content/uploads/2017/09/Benefits-Diagram_animated-fin.svg

隆Gracias!

(@benbodhi)

Hace 3 a帽os, 3 meses

Gracias por proporcionar eso.

Acabo de probar su SVG y funciona bien, informaci贸n sobre herramientas y todo. Ver imagen:
https://www.dropbox.com/s/kqj5jbrxyvyfyns/Screenshot%202017-09-06%2016.56.54.png?dl=0

(@benbodhi)

Hace 3 a帽os, 3 meses

Debo agregar que debe asegurarse de que su SVG se entregue en l铆nea. No funcionar谩 si lo usa como imagen est谩ndar.

Para hacerlo en l铆nea, aseg煤rese de que el 芦Modo avanzado禄 est茅 activado en la configuraci贸n de soporte SVG y agregue class="style-svg" para obtener la etiqueta de imagen para mi plugin en l铆nea 馃檪

D茅jame saber c贸mo vas.

(@lullabyman)

Hace 3 a帽os, 3 meses

Interesante. Despu茅s de ver su publicaci贸n, publiqu茅 un nuevo ejemplo de wordpress en un dominio que a煤n no estaba usando, instal茅 SVG Support y nada m谩s. Luego sube el gr谩fico. Esto es:
http://sproutbook.com/benefits-diagram_animated-fin/

Al menos para m铆, los consejos sobre herramientas, no funcionan en ning煤n navegador o m谩quina que pruebo. Sin embargo, lo hacen si hago clic con el bot贸n derecho y abro la imagen en una nueva ventana (para que se vea directamente en el SVG sin procesar).

(@lullabyman)

Hace 3 a帽os, 3 meses

> agregar class = 芦estilo svg禄

Ooh … est谩 bien, lo intentar茅. Lo he hecho antes, pero lo intentar茅 de nuevo.

(@benbodhi)

Hace 3 a帽os, 3 meses

S铆, eso a煤n no est谩 incluido en esa publicaci贸n. Definitivamente, debe proporcionar el c贸digo SVG real utilizando el m茅todo de clase. Puede forzar que todos los archivos SVG se pongan en l铆nea desde la versi贸n 2.3.11 馃檪

(@lullabyman)

Hace 3 a帽os, 3 meses

Bien, descubr铆 por qu茅 no funcion贸 la primera vez que lo intent茅. Cuando se usa la biblioteca para cargar el SVG de wordpress, se asigna autom谩ticamente un t铆tulo a la imagen seg煤n el nombre del archivo. Mira
https://drive.google.com/file/d/0B3dbrj98d4NEem1sekp2al82bUk/view?usp=sharing

Si deja que el t铆tulo svg entrar谩 en conflicto con cualquier informaci贸n sobre herramientas de t铆tulo que provenga del SVG. Acabo de borrar el t铆tulo y funcion贸 muy bien. 隆Gracias!

Todav铆a quiero mostrar esos t铆tulos en otro DIV fuera del contenedor SVG, pero har茅 m谩s b煤squedas para tratar de resolverlo.

(@benbodhi)

Hace 3 a帽os, 3 meses

Me alegro de que lo arreglaron. El t铆tulo de la imagen en la biblioteca de medios no debe interferir con ella. El m铆o funciona perfectamente con el t铆tulo, ya que se ignora por completo cuando ingresa el c贸digo SVG en l铆nea. Sin embargo, funciona para ti.

La informaci贸n sobre herramientas puede ser una molestia, creo divs que mantienen el contenido y qui茅n los tendr铆a display: none; hasta que incluya el elemento de activaci贸n correcto. Esto requerir铆a un CSS elegante y / o jQuery. Hay muchas formas de hacer esas cosas, deber铆a conocer buena informaci贸n sobre stackexchange.

Todo lo mejor.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *