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 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/8110291e-fa17-46bc-b22a-db100379d5f2%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.