Thanks, your advice helped partially. I passed the latter svg-image through Minimiser in the following way: all the options were switched ON, except (1) Show original, (2) Remove xmlns, (3) Style to attributes, (4) Move group attrs to elements, (5) Remove style elements.
After that the svg-code being put directly in a tiddler is revealed correctly. It even shows the xlink:href address (in the left bottom corner of a browser windows) while hovering. Further on, all the tested browsers Chrome, Edge and Firefox perform the desired jump to the link "#Intro". Chrome does not show the change of the mouse pointer from the arrow to the hand while hovering the active area. In all the browsers I did not succeed the next attempt to perform the jump to the link "#Intro". After the first succesful jump I noticed in the web-address bar (in all of the browsers) the destination permalink web-address "https://protw.github.io/eco/#Intro";, which is usually.appears by request. The "minimised" code looks as follows: <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink= "http://www.w3.org/1999/xlink"; color-interpolation-filters="sRGB" viewBox="0 0 362.224 305.531" style="fill:none;fill-rule:evenodd;font-size:12px; overflow:visible;stroke-linecap:square;stroke-miterlimit:3"> <style> .st1{fill: #dde2cd;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:.24}.st2{fill:#000;font-family:Calibri;font-size:1.16666em}.st3{stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:.75} </style> <g id="shape1-1" transform="translate(18.12 -202.372)"> <path d="M0 220.492h113.386v85.039H0z" class="st1"/> <text x="10.66" y="267.21" class="st2"> RECTANGLE </text> </g> <g id="shape2-4" transform="translate(259.065 -117.333)"> <path d="M0 263.01l42.52-42.52 42.52 42.52-42.52 42.52L0 263.01z" class= "st1"/> <text x="15.75" y="267.21" class="st2"> POLYGON </text> </g> <a xlink:href="#Intro"> <g id="shape3-7" transform="translate(103.159 -18.12)"> <path d="M0 263.01a42.52 42.52 0 1 1 85.04 0 42.52 42.52 0 0 1-85.04 0z" class="st1"/> <text x="24.98" y="267.21" class="st2"> ELLIPSE </text> </g> </a> <path id="shape4-10" d="M0 305.53v54.67h70.87v44.54" class="st3" transform ="translate(74.813 -202.372)"/> <path id="shape5-13" d="M0 305.53h113.39v-56.69" class="st3" transform="translate(188.199 -60.64)"/> </svg> *Does anybody have any idea how to force next jumps on the mouse click?* неділя, 25 лютого 2018 р. 15:07:41 UTC+2 користувач @TiddlyTweeter написав: > > One method to help debug SVG issues is to take the SVG code and put it > through a "MINIMISER" to strip out stuff that may be proprietary (i.e. > won't work universally reliably), here is a good one of many: > https://jakearchibald.github.io/svgomg/ > > SVG should work well across browsers if its well constructed. Sometimes > SVG is "ahead of the game"-- meaning its possible to design SVG in > specialist apps that produce SVGs that are not fully cross-browser > compatible and that in some rendering situations will fail in apparently > unpredictable ways. > > Best wishes > Josiah > > Ton Gerner wrote: > >> I don't know what goes wrong with the embedded SVG. >> > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c86df769-82a0-4ff6-8df2-53c8c42cff53%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
