SVG添加链接(转载)

转载地址：http://tech.techweb.com.cn/thread-258715-1-1.html

最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的一部分。清单1展示了一个例子，它有三个元素，设置为链接到三个不同的 URL。单击这里以在浏览器中查看它们。
文本、矩形和多边形元素都有到不同页面的链接，这表明所有 SVG 元素 -- 不管是文本、圆还是不规则的多边形 -- 都可以作为一个链接。注意，如果将鼠标移动到这些元素上面，指针会相应地发生改变，表明这是一个链接。
其功能与 HTML 中的 image map（或者 hotspot）基本上相同。不过，在 HMTL 中这会是一个很麻烦的过程，要用专门的软件在一个图像上手工绘制热点 -- 如果这个图像或者链接改变了，那么更新它们会非常麻烦。在 SVG 中，定义和维护链接则容易得多，这主要是因为链接可以随着 SVG 内容动态移动。

SVG添加链接(转载)相关推荐

visual studio 添加链接文件
本文转载http://blog.163.com/zhongpenghua@yeah/blog/static/87727415201282432345613/ 那个有个箭头的文件就是链接文件了,添加方法 ...
删除 linux的ln文件夹,linux下添加链接与删除链接（ln命令的用法）
添加链接使用ln命令用法: #ln --help 用法:ln [选项]... 目标 [链接名] 或:ln [选项]... 目标... 目录或:ln [选项]... --target-directo ...
在几何画板中怎样添加链接
很多的数学,物理老师在用几何画板制作课件的时候,常常需要把课件链接到别处,但是一些新手用户不知道该怎么操作.下面我们来看几何画板工具中怎样添加链接按钮. 添加链接有三种方法: 1.外部网站的链接选择 ...
Plotly可视化输出数据表格（table）:简单表格、添加链接的表格
Plotly可视化输出数据表格(table):简单表格.添加链接的表格 # 可视化输出简单表格 import plotly as py import plotly.figure_factory as ...
sql 增加链接服务器,SQL server利用脚本添加链接服务器，可设置别名
USE [master] GO EXEC master.dbo.sp_addlinkedserver @server = N'你的别名', @srvproduct=N'', @provider=N'S ...
element ui 中 el-menu 如何添加链接router-link标签
在vue项目中,使用elementui 框架,做一个后台管理系统在写左边菜单,菜用了,elementui 提供的组件 , el-menu 组件.但是组件没有链接,而我们知道添加链接使用router- ...
【思维导图怎么画】万彩脑图大师教程 | 添加链接
脑图大师作为一款功能强大的思维导图制作软件, 除了满足制作思维导图的基本要求以外, 还有其他大量的实用性超强的功能. 以下介绍的是如何用脑图大师为思维导图添加链接. 1.选择"添加链接&qu ...
电话号码自动分隔 html,手机版网站中电话、手机号码添加链接
几年前我们开始为普通电脑版网站添加手机版本,当时查了一些资料,其中说到很多情况下,手机浏览器可以识别网页中的电话号码并自动添加链接,但也可以关闭这个功能并控制号码是否添加链接.这两年我们在添加手机版网 ...
名编辑电子杂志大师教程 | 如何在电子杂志页面直接添加链接？
问题: 如何在电子杂志页面上直接添加链接,而不需要重新在PDF.Word或者其他源文件里面添加链接呢? 答: 如果您想在电子杂志页面添加链接,链接到其他图片或者网站,就动手按照以下的步骤一起来做吧: ...

SVG添加链接(转载)

SVG添加链接(转载)相关推荐

最新文章

热门文章