如何创建图像映射

 时间:2024-10-17 15:09:18

1、一、把所要引用的图片,用代码语言插入进来,例如:<p><a href="茑霁酌绡http://www.baidu.com/" target="_blank"><img src="http://ww1.sinaimg.cn/bmiddle/d2cfdec1jw1ei8yib56t1j20gt0cyabm.jpg" ismap alt="书香一缕"/></a>这段代码的作用就是帮助我们确定图片中像素的点坐标,如图所示:

如何创建图像映射

2、二、利用这些像素点的返回值,我们就可以在这张图片中圈定指定的范围,链接到我们想要的说明了,比如:圆形、矩形、三角形这三个区域,分别要实现的链接文字是“书香一缕”、“导航栏”、“城堡”,那利用的代码指令就分别是:circle、rect、poly。

如何创建图像映射

3、三、这段代码该怎么编老揉孟阼写呢,现提供范本如下,供读者检验:<p><img src="http多唉捋胝://ww1.sinaimg.cn/bmiddle/d2cfdec1jw1ei8yib56t1j20gt0cyabm.jpg" usemap="#雪" alt="雪域"/><map name="雪" id="雪"><area shape="circle" coords="168,48,36" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="书香一缕"/><area shape="rect" coords="110,102,436,128" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="导航栏"/><area shape="poly" coords="319,219,401,273,265,273" href="http://user.qzone.qq.com/314402846/main" target="_blank" alt="城堡"/></map></p>

如何创建图像映射

4、看看这些灰色线条圈起的区域,是不是实现了指定性描述,觉得有用,就给个赞吧,谢谢您的阅读!

  • 《艾尔登法环》黄铜短刀获取方法
  • 黑暗之魂2 PC版如何设置中文
  • 艾尔登法环米莉森义手怎么获取
  • 黑魂3原力怎么弹开飞行武器
  • 艾尔登法环火山官邸进入攻略
  • 热门搜索
    关于礼仪的手抄报 小学生反邪教手抄报 好看的手抄报边框 物理手抄报内容 地震手抄报内容 法律知识手抄报图片 绿色出行齐步走手抄报 健康与卫生手抄报 关于火灾的手抄报 中国板报网手抄报