Skip to main content

SVG Link

link are used to provide availability of visiting one page to another page or one site to another site in web page. anchor tag in html are provides this facility. we can also create a link inside a SVG.

SVG Text Link example

SVG polygon Example Linked list Animation. BST Animation.
<h3>SVG Link Example</h3>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" >
  <a class="linkView" xlink:href="https://www.codelike.in/animation/linked-list">
    <text x="10" y="25" fill="blue" >Linked list Animation.</text>
  </a>
    <a class="linkView" xlink:href="https://www.codelike.in/animation/binary-search-tree">
    <text x="10" y="55" fill="firebrick" >BST Animation.</text>
  </a>
  <style>
  <![CDATA[

  .linkView{
  text-decoration: underline;
    cursor: pointer;
  }
  ]]>
     </style>
</svg>




Comment

Please share your knowledge to improve code and content standard. Also submit your doubts, and test case. We improve by your feedback. We will try to resolve your query as soon as possible.

New Comment