SVG - การเชื่อมโยง

<a> องค์ประกอบใช้ในการสร้างไฮเปอร์ลิงก์ แอตทริบิวต์ "xlink: href" ใช้เพื่อส่งผ่าน IRI (Internationalized Resource Identifiers) ซึ่งเสริมกับ URI (Uniform Resource Identifiers)

คำประกาศ

ต่อไปนี้คือการประกาศไวยากรณ์ของ <a>ธาตุ. เราได้แสดงคุณสมบัติหลักเท่านั้น

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

คุณลักษณะ

ซีเนียร์ ชื่อและคำอธิบาย
1 xlink:show- เพื่อวัตถุประสงค์ในการจัดทำเอกสารสำหรับโปรเซสเซอร์ที่รับรู้ XLink ค่าเริ่มต้นใหม่
2 xlink:actuate - เพื่อวัตถุประสงค์ในการจัดทำเอกสารสำหรับโปรเซสเซอร์ที่รับรู้ XLink
3 xlink:href - ตำแหน่งของวัตถุอ้างอิง
4 target - ใช้เมื่อเป้าหมายของทรัพยากรสิ้นสุดเป็นไปได้

ตัวอย่าง

testSVG.htm
<html>
   <title>SVG Linking</title>
   <body>
   
      <h1>Sample Link</h1>
      
      <svg width="800" height="800">
         <g>
            <a xlink:href="http://www.tutorialspoint.com"> 
               <text x="0" y="15" fill="black" >
               Click me to load TutorialsPoint DOT COM.</text>
            </a>
         </g> 
         
         <g>
            <text x="0" y="65" fill="black" >
            Click in the rectangle to load TutorialsPoint DOT COM</text>
            
            <a xlink: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>

เอาต์พุต

เปิด textSVG.htm ในเว็บเบราว์เซอร์ Chrome คุณสามารถใช้ Chrome / Firefox / Opera เพื่อดูภาพ SVG ได้โดยตรงโดยไม่ต้องใช้ปลั๊กอินใด ๆ Internet Explorer 9 ขึ้นไปยังรองรับการแสดงภาพ SVG คลิกที่ลิงค์และสี่เหลี่ยมผืนผ้าเพื่อดูผลลัพธ์

พิมพ์