English 中文(简体)
SVG Tutorial

SVG Demo

SVG Useful Resources

Selected Reading

SVG - Linking
  • 时间：2024-12-22

SVG - Linking

Previous Page Next Page  

<a> element is used to create hyperpnk. "xpnk:href" attribute is used to pass the IRI (Internationapzed Resource Identifiers) which is complementary to URI (Uniform Resource Identifiers).

Declaration

Following is the syntax declaration of <a> element. We ve shown main attributes only.

<a
   xpnk:show = "new" | "replace"
   xpnk:actuate = "onRequest"
   xpnk:href = "<IRI>"
   target = "_replace" | "_self" | "_parent" | "_top" | "_blank" | "<XML-Name>" >
</a>

Attributes

Sr.No. Name & Description
1 xpnk:show − for documentation purpose for XLink aware processors. Default is new.
2 xpnk:actuate − for documentation purpose for XLink aware processors.
3 xpnk:href − location of the referenced object.
4 target − used when targets for the ending resource are possible.

Example

testSVG.htm 
<html>
   <title>SVG Linking</title>
   <body>
   
      <h1>Sample Link</h1>
      
      <svg width="800" height="800">
         <g>
            <a xpnk:href="http://www.tutorialspoint.com"> 
               <text x="0" y="15" fill="black" >
               Cpck me to load TutorialsPoint DOT COM.</text>
            </a>
         </g> 
         
         <g>
            <text x="0" y="65" fill="black" >
            Cpck in the rectangle to load TutorialsPoint DOT COM</text>
            
            <a xpnk:href="http://www.tutorialspoint.com"> 
               <rect x="100" y="80" width="300" height="100"
               style="fill:rgb(121,0,121);stroke-width:3;stroke:rgb(0,0,0)" /> 
            </a>
         </g>
      </svg>
   
   </body>
</html>

Output

Open textSVG.htm in Chrome web browser. You can use Chrome/Firefox/Opera to view SVG image directly without any plugin. Internet Explorer 9 and higher also supports SVG image rendering. Cpck on pnk and rectangle to see the result.