Share

SVG Images with Links

You can include an SVG image or workflow.

To include an SVG image

Add the image like any other.

Markdown

![draw.io](images/drawio.svg)

The following image was included with the markup above:

Test workflow diagram
Test workflow diagram
Relative LinkCross-pub Link[External link]

Note: Each box in the SVG image above contains a link of the corresponding type.

DITA

<image href="GUID-D6DAE209-FBB2-4D8B-9AE5-9ABBCCC80F33" />

There are three supported link types from inside an SVG image: relative links, cross-pub links, external links.

Add a link using a relative path to a topic in the same publication.

For example

<a href="smart-tables-one.html">Link in same pub</a>
Note: The path is relative to the topic in which the SVG image is included. To reuse the same image in different contexts, use cross-pub links.

Add a link using the target syntax as described in Cross-Publication Links Authored in Markdown.

For example:

<a href="topicid=eosportal-five-one">Link to different pub</a>

Use a fully qualified URL including domain.

For example:

<a href="https://hig.autodesk.com/">External link</a>
Note: An external link will open in a new tab.

Was this information helpful?