map标签
定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。
img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签添加id和name属性。
示例
例如我们想在下面一张图实现九个热点区域，不切图，就使用map标签。
首先用 ps 得到几个坐标：
然后代码实现：
CSS Code复制内容到剪贴板- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
- <img src="cat.jpg" alt="" usemap="#catmap" >
- <map name="catmap">
- <area shape="rect" coords="0,0,148,139" href ="http://www.baidu.com" target ="_blank" alt="">
- <area shape="rect" coords="148,139,295,0" href ="http://www.sina.com" target ="_blank" alt="">
- <area shape="rect" coords="295,0,439,140" href ="http://www.qq.com" target ="_blank" alt="">
- <area shape="rect" coords="148,139,0,340" href ="http://www.163.com" target ="_blank" alt="">
- <area shape="rect" coords="148,139,296,340" href ="http://www.soso.com" target ="_blank" alt="">
- <area shape="rect" coords="296,340,439,140" href ="http://sf.gg" target ="_blank" alt="">
- <area shape="rect" coords="0,340,148,493" href="http://www.zhihu.com" target ="_blank" alt="">
- <area shape="rect" coords="148,493,296,340" href="http://z.cn" target ="_blank" alt="">
- <area shape="rect" coords="296,340,436,490" href="http://jd.com" target ="_blank" alt="">
- </map>
- </body>
- </html>
就是这样。
关于area
area 可以是圆形（circ），多边形(poly)，矩形(rect)，不同形状要选取不同的坐标（coords）.
圆形：shape="circle"，coords="x,y,z"
x,y为圆心坐标（x,y），z为圆的半径
多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
每一对x,y坐标都定义了多边形的一个顶点(0,0) 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。
矩形：shape="rectangle"，coords="x1,y1,x2,y2"
第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。请注意，定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。（就是说，知道对角的两个点的坐标就行了。）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。