- 浏览: 2609211 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
或许做前端到现在你没有接触过图像映射这个东东,但是如果你是一个用过百度大搜索的同学,它就在你的面前,但是你没有注意哦。
---------------真相就是百度首页的中图其实就用了图像映射的原理。
1.图像映射
------------带有可点区域的图像。
2.html标签之map和area
- map标签
-------定义一个客户端图像映射
<img src="xx.jpg" usemap="#mp" alt="大图" /> <map name="mp" id="mp"> <area></area> </map>
主要注意以下几点:
- 所以主流的浏览器多支持map
- img标签的usemap属性可引用map中的id或者name属性(存在浏览器的差异)----所以为了屏蔽这个,我们应该在map标签中同时设置id和name属性
- 对应doctype设置strict/transitional/frameset的我们必须给map设置id属性(值是唯一的)
- area标签
- 定义图像映射中的区域
- 它一般多是嵌套在map标签中的
<area shape="circle" coords="120,160,10" href="xxx.html" alt="一部分"/>
属性说明:
- alt
------------用来在图片加载失败的情况下显示替换的文本信息(这个属性一直被很多的人遗忘)
2. coords
------------定义鼠标可点击的坐标
3. shape
------------定义鼠标可点击的区域的形状(default/rect/circ/poly)
4. target
------------定义指向的url
5. nohref
------------排除的某个区域
发表评论
-
X-Frame-Options
2014-08-16 18:15 1216最近客户端内嵌的页面发现了 X-Frame-Opt ... -
HTML实体字符列表
2014-08-08 17:55 905最近在研习he这个Node包,里面提到了一些不错 ... -
object各标签的参数和值
2013-11-09 15:06 1287相比而言,现在flash object用的相对不 ... -
seo相关的meta设置revisit-after
2013-02-27 13:46 1782revisit-after ----- ... -
HTML标签之object
2012-11-06 22:03 1508本文简单记录一下object标签相关内容 1、定义和用 ... -
说说DTD(doctype)
2012-09-24 21:01 1193其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说 ... -
关于X-UA-Compatible
2012-07-07 16:28 13711、what is X-UA-Compatible ? ... -
html<td>标签的nowrap属性
2012-07-02 20:50 1600HTML <td> 标签的 nowrap 属 ... -
HTML rel canonical属性值
2012-05-13 15:54 1770这个可能很多专门做seo优化的人应该比较清楚,下面我简单介绍 ... -
autocomplete属性
2012-05-02 10:59 1917简单记录,个人积累。 1、定义: ... -
mailto的介绍
2012-02-28 16:41 2147HTML支持邮件链接,我们可以如下的进行设置a标签: ... -
html字符实体
2011-12-16 11:29 1562HTML 字符实体 1、 什么是字符实体? ... -
从块级元素和内联元素浅谈标签的嵌套规则
2011-12-10 22:14 5882从一个问题说起吧------------div能不能放在p标签 ... -
html页面设计浅谈
2011-09-24 12:37 1609其实做了一段的前端页面开发你就会发现,开始的时候无论是css类 ... -
html之浅谈link标签的奇葩属性和标准规范性
2011-09-22 14:27 1694今天在某一个大型网站的demo里面看到这么一段 ... -
最近看的一篇文章-学习转载一下(页面html,head,body标签如果没有)
2011-03-14 13:15 2519最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下 ...
相关推荐
HTML提供了两种类型的图像映射:客户端图像映射和服务器端图像映射。本文将详细探讨服务器端图像映射的创建方法、应用场景及其与客户端图像映射的区别,并提供实际的代码示例。 服务器端图像映射是处理复杂用户交互...
本文将详细介绍如何在HTML中创建一个客户端图像映射,包括基本的HTML结构、CSS样式和一些JavaScript来增强交互性。 客户端图像映射是现代网站设计的关键组成部分,它能够提供跨设备的一致用户体验。通过结合HTML、...
近年来,基于图像映射的关联规则数据挖掘方法逐渐成为研究热点,它通过将数据项映射到图像中,利用图像处理技术来提升数据挖掘的效率和效果。 首先,传统的关联规则挖掘算法在面对大数据集时,往往需要多次扫描...
本教程将详细讲解如何利用MATLAB进行图像映射保存,特别是将图保存为PNG文件以及生成对应的HTML文件。 首先,我们需要理解PNG文件格式。PNG(Portable Network Graphics)是一种无损压缩的位图格式,支持透明度和...
包括logistic映射,tent映射,Henon映射,Kent映射的Matlab程序及图像。(Including the logistic map, tent map, Henon mapping Kent Matlab program and image mapping.)
为您提供Free Imagemapper HTML图像映射工具下载,Free Imagemapper是一款专业的为网页创建交互式html图像映射的软件,支持生成客户端和服务器端的图像映射,以及绘制、修改和设置图像映射图像上的“热点”属性,...
在图像处理领域,灰度映射(灰度查找表,Lookup Table,简称LUT)是一种常用的图像增强技术,主要用于改变图像的亮度、对比度或色彩。Matlab作为一个强大的数值计算和可视化工具,提供了丰富的图像处理功能,包括...
四维猫映射置乱是一种在计算机图形学和信息安全领域广泛应用的高级图像处理技术,它基于Arnold映射理论,用于创建复杂的、难以预测的图像序列,常用于图像加密和安全传输。Arnold映射,又称为猫映射,是由数学家...
在"kinectV2.0深度图像与彩色图像的坐标映射"项目中,目标是建立一个实时系统,能够对深度图像上的任意像素点找到其在彩色图像中的对应点,并在同一窗口中同时显示这两类图像。这样的功能有助于直观地理解两者之间的...
在计算机视觉领域,2D图像映射到3D距离的计算是一个重要的研究课题。这个项目代码的核心在于将二维图像中的像素点转化为三维空间中的坐标,从而估算出它们相对于摄像头的位置和距离。这一过程涉及到多个关键知识点,...
在图像处理领域,调整图像的灰度范围是一种常见的技术,用于改善图像的视觉效果,特别...至于提供的压缩包子文件列表,它们看起来像是一个Microsoft Word文档的组成部分,与图像处理的主题无关,因此不在本次讨论之列。
### 高动态范围图像色调映射技术的发展与展望 #### 概述 高动态范围图像(High Dynamic Range Image,简称HDR图像)是一种能够记录比普通图像更宽亮度范围的图像格式,它能够更好地反映真实世界的视觉体验。由于...
### 基于Henon映射的数字图像加密 #### 概述 随着信息技术和互联网的飞速发展,数字图像的传输与存储变得越来越频繁,同时也带来了数据安全方面的新挑战。为了保护图像信息免受非法访问和篡改,研究者们提出了多种...
基于二维猫映射的图像加密的matlab实现代码,包括加密和解密的运算,加上了图像加密后的灰度统计分布直方图
总的来说,图像旋转是图像处理的基础操作之一,而前向映射和反向映射是实现这一操作的常用技术。掌握这两者对于进行图像分析、增强或其他图像处理任务都有极大的帮助。通过学习和实践这些MATLAB代码,你将能够更好地...
### 基于Henon映射的数字图像加密 #### 概述 随着信息技术和多媒体通信技术的迅猛发展,图像信息传输的需求日益增加,随之而来的是对于图像安全性和保密性的高度重视。数字图像加密技术作为保障图像信息安全的重要...
经纬度映射法是一种常用的鱼眼图像矫正技术,它通过建立图像像素与地球表面经纬度之间的映射关系来校正畸变。具体步骤如下: 1. **坐标转换**:首先,我们需要将鱼眼图像的像素坐标转换为球面坐标(经度和纬度)。...
MATLAB关于数字图像处理中的前向映射和后向映射