html热区坐标,HTML之六：图像的热区连接

HTML之六：图像的热区连接。

前面说了一下图像的插入，这次说说设置一张图片上不同地区的链接。比如一张地图上，河北，山东两省，点击河北的覆盖区域，转到一张河北的大地图，点击山东的覆盖区域，转到一张山东的大地图。这里我们就要用Dreamweaver找到它的坐标(coods)当然我们要首先插入中国地理图片。(还记得吗？嘿嘿。)并且使用usemap命名：

示例如下：

然后再定义河北、山东这两个热区以及热区的属性：

这样我们就定义了热区以及链接。img里的usemap和map里name定义的名字是一样的，但是img里的usemap的名字前加“#”，shape三个属性：circle(圆形),poly(多边形),rect(矩形)，coods的属性就是坐标，如果你选定的区域是矩形，那么坐标就是对角线两个点的坐标，先写横坐标，再写竖坐标。圆形就是圆心坐标和半径长度。多边形每个点的坐标都要写上。

示例如下：

这样我们点击中国地图上河北、山东的覆盖区域就会转到相应大图页面。当然实际中设置的是多边形区域，这里拿矩形做示例，希望还是会举一反三那。

html热区坐标,HTML之六：图像的热区连接相关推荐

HTML之六：图像的热区连接
HTML之六:图像的热区连接. 前面说了一下图像的插入,这次说说设置一张图片上不同地区的链接.比如一张地图上,河北,山东两省,点击河北的覆盖区域,转到一张河北的大地图,点击山东的覆盖区域,转到一张 ...
用html给一张图片做多个热区链接,HTML之六：图像的热区连接
HTML之六:图像的热区连接. 前面说了一下图像的插入,这次说说设置一张图片上不同地区的链接.比如一张地图上,河北,山东两省,点击河北的覆盖区域,转到一张河北的大地图,点击山东的覆盖区域,转到一张山东 ...
ICCV 2019 | COCO-GAN：通过条件坐标的部分图像生成
作者丨文永明学校丨中山大学硕士生研究方向丨Object Manipulation.机器人视觉.GAN 引言这是一篇发表在 ICCV 2019 的 Oral 论文,是国立清华大学.国立台湾大学以及 ...
基于经度坐标校正鱼眼图像
最近开始鱼眼图像校正方面的研究,在这个过程中阅读博主元气少女缘结神的相关博客让我受益匪浅,在此对她表示感谢,另外所有代码在Github. 提取有效区域在研究中仅仅考虑圆形的鱼眼图像,其他形状,如长方 ...
python裁剪图片box并保存_python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
文件目录 Annotations中是XML文件. JPEGImages中是对应的JPG文件 XML文件要截取bndbox坐标中的内容. python代码 # -*- coding: utf-8 -* ...
ITK:在图像中查找连接的组件
ITK:在图像中查找连接的组件内容提要 C++实现代码内容提要在图像中查找连接的组件 C++实现代码 #include "itkImage.h" #include " ...
html热区坐标,HTML热区map坐标，随窗口大小自适应办法（javascript）
(function () { adjust () var timer = null window.onresize = function () { clearTimeout(timer) timer ...
基于经度坐标校正鱼眼图像---python实现
特别感谢:本文是我在博主元气少女缘结神的博客鱼眼图像经度坐标校正(2D) 的学习笔记,主要是通过python实现. 1.python 程序 # -*- coding: utf-8 -*- from _ ...
从标注好的xml文件中截取坐标点（人脸框四个点坐标）人脸图像并保存在指定文件夹
在目标检测中,数据集常常使用labelimg标注,会生成xml文件.本文旨在根据xml标注文件来裁剪目标,以达到去除背景信息的目的. 详细连接: 细节 import cv2 import xml.et ...

html热区坐标,HTML之六：图像的热区连接

html热区坐标,HTML之六：图像的热区连接相关推荐

最新文章

热门文章