Welcome to yEd Q&A!
Here you can ask questions and receive answers from other members of the community and yEd developers. And you can tell us your most wanted feature requests.

Most popular tags

import node export labels edge nodes bug-report layout excel groups graphml yed edges properties-mapper palette svg automatic-layout swimlane custom-properties text properties error-report pdf group linux hierarchical-layout bug label macosx html bpmn kb print installation uml settings family-tree resize ui color label-placement grouping url yed-live graphmlviewer windows import-excel printing java line entity-relationship gedcom background save arrow flowchart link image error license positioning structure-view select font open icon data search default arrows tree lines copy size graph 64-bit diagram neighborhood-view fit-node-to-label description paste feature font-size icons xml symbols tooltip custom shape move selection editing edit - file-format ubuntu word visio alignment user-defined-symbols

Categories

element links: svg export with xlink target attribut set

0 votes
Hello,

I use links on graph elements and export the graphs to svg for embedding in html.

Links in svg only work if svg is embedded into an object tag. But then a click on the element with url attribut only reloads the object frame with new content. To reload the whole page one has to set the target attribut of the referencing xlink tag to "_parent".

Is it possible to configure the svg export to do so by default?

Thanks in advance.

Regards

Steffen
in Help by

1 Answer

0 votes

Unfortunately, yEd's SVG export does not allow for customizing how URLs are exported.

However, the links work for me even if the SVG document is not embedded in <object> tags. My test file was

<html>
<head>
<title>Test</title>
</head>
<body>
<p>Foo bar baz</p>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="34" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="34" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG 2.5-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L34 0 L34 34 L0 34 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M422 149 L456 149 L456 183 L422 183 L422 149 Z"/>
      </clipPath>
    </defs>
    <g id="y.node.0">
      <a target="_blank" xlink:type="simple" xlink:href="https://www.yworks.com/" xlink:show="new">
        <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-422,-149)" stroke="rgb(255,204,0)">
          <rect x="424" width="30" height="30" y="151" clip-path="url(#clipPath2)" stroke="none"/>
        </g>
        <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-422,-149)" stroke-linecap="butt">
          <rect fill="none" x="424" width="30" height="30" y="151" clip-path="url(#clipPath2)"/>
        </g>
        <g>
          <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(1,0,0,1,-422,-149)" stroke-linecap="butt">
            <text x="435.1826" xml:space="preserve" y="170.1543" clip-path="url(#clipPath2)" stroke="none">1</text>
          </g>
        </g>
      </a>
    </g>
  </g>
</svg>
</body>
</html>

and I tested in Chrome 68.0.3440.84 and Firefox 61.0.1 on Ubuntu 16.04.

by [yWorks] (160k points)
Powered by Question2Answer
Legal Disclosure | Privacy Policy
...