H5标签

回顾一下刚看的H5标签，也许是刚看所以好奇，<area>标签

这个标签，需要标记鼠标的坐标位置，指定形状，然后给出链接，之所以好奇是因为之前没有想到能在一张图片上加多个链接，用<area>真的可以实现在一张图片多个点上加多个链接，怎么实现呢。

首先给一个<img  src=" "    usemap="#a">   //标签  usemap  会作为接下来的map标签引用

然后 <map  name="a">

       <area shape="rect" coords="0,0,2,4  alt="sun"" href="位置"></area>  // shape 鼠标覆盖的形状，， coords 鼠标定位的坐标，，alt  规定区域的替代文本。如果使用 href 属性，则该属性是必需的。

       </map>

area还有其他属性，可以查看w3c网站。

 

另外一个canvas 标签  一般情况下不常用，

大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上，而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。

Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。