Учебники

SVG — Linking

Январь 15, 2019

Элемент <a> используется для создания гиперссылки. Атрибут «xlink: href» используется для передачи IRI (интернационализированных идентификаторов ресурсов), который дополняет URI (унифицированные идентификаторы ресурсов).

декларация

Ниже приводится объявление синтаксиса элемента <a> . Мы показали только основные атрибуты. 

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

Атрибуты

Sr.No. Имя и описание
1 xlink: show — в целях документации для процессоров, поддерживающих XLink. По умолчанию новый.
2 xlink: activate — в целях документации для процессоров, поддерживающих 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. Нажмите на ссылку и прямоугольник, чтобы увидеть результат.

40
Share: