Links in SVG

by Online Tutorials Library July 14, 2022

Links in SVGg

The <a> element is used for linking. The <a>element enclosed a graphics which will become active when you click on it.

Example

  <!DOCTYPE html>  <html>  <title>SVG Animation</title>  <body>  <svg height=”450″ width=”450″>    <a xlink:href=”../download.jpg”>  <text x=”60″ y=”40″ style=”font-size: 18pt;”>Dog</text>  </a>    <a xlink:href=”../”>  <circle cx=”50″ cy=”80″ r=”20″ style=”fill: red;”/>  <rect x=”90″ y=”60″ width=”40″ height=”40″ style=”fill: green;”/>  </a>    </svg>  </body>  </html>  

Test it Now

Next TopicSVG feGaussianBlur Filter

Links in SVG

Links in SVGg

Example

Learn SQLite Tutorial

Difference between function and method in Swift

You may also like