I am not sure if the <![data is allowed.. try deleting this all the best BJ
On Saturday, February 24, 2018 at 10:34:15 PM UTC+1, oleghbond wrote: > > Thanks again, Ton, > > Usually I work with Win 10 + Chrome + TW 5.1.15 on Node.js. > > I've got an svg-file: > <?xml version="1.0" encoding="UTF-8" standalone="no"?> > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" " > http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";> > <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink=" > http://www.w3.org/1999/xlink"; xmlns:ev="http://www.w3.org/2001/xml-events"; > width="5.03089in" height="4.24349in" viewBox="0 0 362.224 305.531" > xml:space="preserve" color-interpolation-filters="sRGB" > class="st4"> > <style type="text/css"> > <![CDATA[ > .st1 > {fill:#dde2cd;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.24} > .st2 {fill:#000000;font-family:Calibri;font-size:1.16666em} > .st3 > {stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.75} > .st4 > {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3} > ]]> > </style> > > <g> > <title>PAGE-1</title> > <g id="shape1-1" transform="translate(18.12,-202.372)"> > <rect x="0" y="220.492" width="113.386" height="85.0394" 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.01 L42.52 220.49 L85.04 263.01 L42.52 305.53 L0 263.01 Z" > 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.01 A42.5197 42.5197 0 1 1 85.04 263.01 A42.5197 42.5197 > 0 0 1 0 263.01 Z" class="st1"/> > <text x="24.98" y="267.21" class="st2">ELLIPSE</text> </g> > </a> > <g id="shape4-10" transform="translate(74.8129,-202.372)"> > <path d="M0 305.53 L0 360.2 L70.87 360.2 L70.87 404.74" class="st3"/> > </g> > <g id="shape5-13" transform="translate(188.199,-60.6397)"> > <path d="M0 305.53 L113.39 305.53 L113.39 248.84" class="st3"/> > </g> > </g> > </svg> > > I observe systematic inconsistencies of how TW5 manages with svg-mages, > namely: > > 1. when I drag-and-drop the svg-file into a browser window it works > fine for Mozilla and Edge; for Chrome the mouse pointer is not affected > while it hovers the active area; > 2. when I drag-and-drop the svg-file into TW the image is revealed > fine, but no response on hovering the mouse pointer as well as clicking > the > hyperlink of the active area; > 3. when I put the code of svg-file into a tiddler I certainly observe > the response on hovering the mouse pointer as well as clicking the > hyperlink of the active area, but the image is revealed in absolutely > unacceptable way (see the two images above); > 1. of course I tried the example of Tobias Beer ( > https://tobibeer.github.io/tb5/#example-svg); it works well; > however, I use standard tools for generation of svg-images such as > draw.io or others and for technological consistency I would prefer > complete absence or at least minimal hand afterprocessing of resulted > images. > > I would be grateful for anyone's assistance. > > субота, 24 лютого 2018 р. 17:41:27 UTC+2 користувач Ton Gerner написав: >> >> Hi, >> >> The pictures you give now are not related to the code you gave in your >> first post. That code gives two rectangles (I entered your code in a >> tiddler at twiddlywiki.com): >> >> >> >> >>> When I say "dead (non responsive)" I mean, that after drag-and-drop the >>> svg-image, >>> >>> 1. I do not see change of the mouse arrow while hovering the active >>> region and >>> 2. clicking the mouse does not give transfer by the reference. >>> >>> When I hover over the lowest rectangle my mouse pointer changes from an >> arrow to a hand. And as said before, clicking leads to Google. >> I tried with Linux Mint 17.3 + Firefox & Windows 10 + Firefox. >> But when using Chrome the mouse pointer does *not* change (Mint & >> Windows) although clicking leads to Google. >> >> In case I put the svg-code of the image directly to a tiddler >>> >>> 1. clicking the mouse gives transfer by the reference, but >>> 2. I do not see change of the mouse arrow while hovering the active >>> region and >>> 3. the most unpleasant effect is that the image looks unacceptably >>> different of the original (see the two screenshots attached) >>> >>> My knowledge of SVG is very limited. Maybe others can comment on 3, but >> then it's wise to give the SVG code used for the pictures in your last post. >> >> Also: >> >> 1) What OS and browser are you using? >> 2) Did you test Tobias' original code (the 3 rectangles)? >> >> Cheers, >> >> Ton >> >> >> >> > -- 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 [email protected]. To post to this group, send email to [email protected]. 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/1816a755-7c10-460b-9367-7a0a463afaad%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
