<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
>
<g>
<rect
width="50.648811"
height="38.55357"
x="46.113098"
y="63.410713"
style="stroke-width:0.26458332" />
<a xlink:href="http://google.com">
<rect
style="stroke-width:0.26458332"
y="101.96428"
x="96.761909"
height="53.672623"
width="51.404755" />
</a>
</g>
</svg>
When I say "dead (non responsive)" I mean, that after drag-and-drop the svg-image,
- I do not see change of the mouse arrow while hovering the active region and
- clicking the mouse does not give transfer by the reference.
In case I put the svg-code of the image directly to a tiddler
- clicking the mouse gives transfer by the reference, but
- I do not see change of the mouse arrow while hovering the active region and
- the most unpleasant effect is that the image looks unacceptably different of the original (see the two screenshots attached)
<?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>
When I set the type of the tiddler to image/svg+xml, it looks normal (Linux Mint, Firefox, Chrome) but the link from Ellipse does not work anymore (!?!).
Cheers,
Ton
<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>