大众计算机学习网

专门提供各种电脑教程

svg title属性实例

Admin | 2016-11-29 9:33:07 | 被阅次数 | 5811

  SVG标签,里面有一个title属性,该属性的功能是,当鼠标悬停在对象上面时,会出现文字提示。下面我们看实例。

  一、SVG代码

  <svg width="140" height="170" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
      <title>大众计算机学习网</title>
      <circle cx="70" cy="95" r="50" style="stroke: black; fill: none;"/>
      <circle cx="55" cy="80" r="5" style="stroke: black; fill: #339933"/>
      <circle cx="85" cy="80" r="5" style="stroke: black; fill: #339933"/>     
  </svg>

  二、图示效果

  看到了吗,上图,鼠标悬停在对象上面,就出现“大众计算机学习网”的提示信息了。

  三、知识拓展

  title属性: 对 SVG 中的元素的纯文本描述 - 并不作为图形的一部分来显示。用户代理会将其显示为工具提示。