您可以将图像映射放在图像映射中吗？(JavaScript)？
在JavaScript中，可以使用图像映射（image map）来将图像映射到不同的目标链接或执行不同的操作。图像映射是一种将图像划分为多个可点击区域的技术，每个区域可以与一个链接或JavaScript函数关联起来。
图像映射通常由一个图像和一个相关的HTML <map>元素组成。<map>元素定义了图像映射的名称，并包含多个<area>元素，每个<area>元素定义了一个可点击区域。
以下是一个示例，展示如何在JavaScript中使用图像映射：
<img src="image.jpg" usemap="#myMap" />
<map name="myMap">
<area shape="rect" coords="0,0,100,100" href="page1.html" alt="Area 1" />
<area shape="circle" coords="150,150,50" href="page2.html" alt="Area 2" />
<area shape="poly" coords="200,200,250,250,200,300" href="page3.html" alt="Area 3" />
</map>在上面的示例中，我们使用<img>元素来显示图像，并使用usemap属性将其与图像映射关联起来。<map>元素的name属性指定了图像映射的名称，这个名称会在<img>元素的usemap属性中引用。
然后，我们定义了三个可点击区域（<area>元素），分别使用不同的形状（矩形、圆形和多边形）和坐标来定义它们在图像中的位置。每个<area>元素都有一个href属性，指定了点击该区域时要跳转到的链接地址。
通过使用图像映射，我们可以实现在图像的不同区域上设置不同的链接，从而实现更丰富的交互体验。例如，可以将图像映射用于网页导航菜单、图像热点、交互式图表等场景。
腾讯云相关产品中，与图像映射相关的服务包括腾讯云对象存储（COS）和腾讯云CDN。腾讯云对象存储（COS）可以用于存储图像文件，并提供了丰富的API和工具来管理和访问这些文件。腾讯云CDN可以用于加速图像的传输，提高用户访问图像映射的速度和体验。
更多关于腾讯云对象存储（COS）的信息，请访问：腾讯云对象存储（COS）产品介绍
更多关于腾讯云CDN的信息，请访问：腾讯云CDN产品介绍
相关·内容
1回答
还记得Web0.9b中的图像地图吗？我很好奇这个标签在2010年的状态。
鉴于白象技术的一些令人惊讶和成功的复兴(谷歌地图对Javascript的使用，当它第一次出现时是很新颖的，MySpace带来了动画GIF复兴)，今天有人以新的或有趣的方式使用图像地图吗？它们在当前的浏览器中表现如何，它们与当代Javascript技术或其他新技术配合得很好吗？
浏览 3提问于2010-07-08得票数 2
所以我使用了jQuery最小工具的“覆盖”插件，我想我仔细考虑了整个过程..
我有一个图像映射(是的，我仍然使用图像映射)。其坐标为3个独立的区域：
<map name="Map" id="Map">
<area shape="poly" coords="7,13,146,14,147,68,116,68,117,123,4,124" href="#" rel="#know" />
<area shape="rect" coord
浏览 0提问于2010-07-02得票数 0
1回答
JavaScript允许您使用新函数(.)在运行时创建新函数。或者是艾娃。以这种方式创建的函数是否有可能设置类似于源映射的内容？也就是说，设置据称加载源文件的源文件的名称，以及不同的源行号。
如果没有通用解决方案，那么对于特定的JavaScript引擎可能会有特定的解决方案。
浏览 1提问于2018-03-24得票数 11
我希望允许第三方代码在运行时扩展NHibernate映射。这就是我现在拥有的：
Sql:
TABLE Orders
Id INT identity,
[more fields...]
我的项目中的代码：
public interface IOrder
{
int Id { get; set; }
// more properties...
}
internal class Order : IOrder
{
public int Id { get; set; }
}
public class OrderDAL
{
public IEnumera
浏览 1提问于2013-01-01得票数 0
我在试着做一个菜单。OVer画布我加载不同的图像，并使用CSS定位它们。目前，我使用SHOW / HIDE进行操作，有很多代码重复。我的问题是：-不只是隐藏一个图像，我如何才能在点击另一个图像时更改它？然后再次隐藏它，如果我应该单击另一个按钮？-有可能以某种方式更简单地编写所有这些代码吗？
非常感谢。
$("#ten").click(sizeTen);
function sizeTen(){
cb_ctx.lineWidth = 10;
clickSound();
$(this).hide();
$("#twenty").s
浏览 0提问于2012-11-19得票数 0
回答已采纳
我试图实现一个伟大的主题到一个rails 4应用程序学习的目的。主题位于这里：
我在.css和.js各自的目录中分发了它们。
vendor/assets/stylesheets/
vendor/assets/javascripts/
我在资产管道中添加了新文件，以便应用程序加载它们。
CSS
app/assets/stylesheets/application.css
*= require style
*= require normalize
*= require demo
*= require_tree .
*= require_self
Javascript文件正在加载，我可以在页面源
浏览 2提问于2015-08-20得票数 1
回答已采纳
1回答
保质期访问令牌
、、、
我希望在Javascript客户机中实现一个函数，当访问令牌到期时，使用刷新令牌自动刷新，我有多个访问令牌，如何实现这个功能？
我认为在使用setTimeout，但我认为我不能有倍数的setTimeouts，所以我认为在某种程度上，以一种方式，以保证到期日，但我不知道是否正确的方法，有人做过吗？有什么想法吗？谢谢。
这是我的密码：
const expirationdDate = parsedToken.expiresAtInEpochSeconds;
const nowDate = Date.now() / 1000;
const timeUntilRefresh = expirati
浏览 2提问于2022-08-30得票数 0
使用Capybara，我想模拟一下由图像地图的area元素定义的图像中的区域。在特定元素的类/id属性上使用带有或不带.find的visible: true都不起作用--我得到了一个Capybara::Poltergeist::ObsoleteNode错误，或者一个Capybara::ElementNotFound错误。相反，如果我只是通过Javascript触发它，就像这样，那么我的测试就通过了：
page.execute_script('$(".ClassSelector").trigger("click")')
因此，页面的工作方式是应该的
浏览 0提问于2016-01-22得票数 0
回答已采纳
我不确定是否正确地理解了JavaScript对象映射，也不知道什么东西是错误的，或者是这样的。
在下面的代码中，我可以理解前3条控制台消息。
但是，上一次console.log -应该什么都不显示吗？
let key1 = 3;
let key2 = 6;
let key3 = 14;
let myMap= new Map();
myMap.set(key1, 'Buy');
myMap.set(key2, 'Buy');
myMap.set(key3, 'Sell');
console.log(myMap.get(key1)); //
浏览 1提问于2016-03-14得票数 0
我有一个数值字段。我从来不需要对它进行搜索或过滤，所以它不会被索引。有什么方法可以聚合这个字段吗？ 下面的代码不起作用。total_profits始终为零。 "aggs": {
"by_day_count": {
"date_histogram": {
"field": "purchase_date",
"calendar_interv
浏览 27提问于2021-03-26得票数 1
回答已采纳
1回答
我目前正在做一个项目，该项目从XML文件中抓取大量的流量摄像头，并在应用程序中显示它们。我已经启动并运行了我的Tableview，工作非常完美(单击一个单元格，打开detailView并显示流量图像)。但是，我希望在地图上显示相机，这样用户就可以按下他们想要看到的相机的引脚(并将它们发送到detailView显示相机)。
我不知道该怎么做，有什么想法吗？
我得到了经度和纬度坐标。链接到XML文件：
它用挪威文，但是，加长=经度和短缩=纬度。
这就是我想要实现的(Photoshop截图)：
我不知道这里是不是合适的地方，但如果你知道一些事情，请帮忙:-)
提前感谢
浏览 1提问于2015-08-16得票数 0
回答已采纳
我有一张图片：
我想将像“Aúcar”这样的字符串转换为图像上的坐标
我试过这个：
text = "Açúcar"
strcoord = []
for char in text:
code = ord(char)
y = code//16
x = code%16
strcoord += [[x,y]]
print(strcoord)
结果是：
[1、4、7、14、10、15、3、6、1、6、2、7]
但口音的坐标是错的？
有一个快速的方法来做这个吗？
浏览 1提问于2017-06-04得票数 2
1回答
我使用Map填充Struts2标记<s:select >，注意到当表单有多个提交时，在列表末尾会追加一个空行。例如，如果Map有2对键值对，它会显示3条记录，并在底部追加一条空白记录(而不是在顶部--默认情况下)。
Item 1
Item 2
<-blank->
<s:select id="bankAccountId"
name="accountBean.recordDetails.BankAcct.bankAcctId" label=""
headerKey=
浏览 9提问于2015-08-03得票数 0
回答已采纳
2回答
这有可能以编程方式终止Tomcat中其他用户的HTTP会话吗？我的用法是这样的:网站上有一些用户，还有一个管理员。当管理员删除特定用户时，如果他有活动会话，我希望他立即被注销。用户会话可以从应用程序代码中访问吗？
浏览 4提问于2014-07-22得票数 4
回答已采纳
Javascript HTML特性可以用于在加载文档时获取脚本和静态数据，但它似乎对<link rel="preload"></link>模块没有任何规定。
谷歌最近发布的一项<link rel="modulepreload"></link>功能被宣传为解决了这一问题，同时也明确解释了为什么rel="preload"不适用于模块：
Firefox中对此特性的支持尚不明确，但它显然是WHATWG HTML标准的一部分：
是否可以将<link rel="modulepreloa
浏览 2提问于2020-07-02得票数 3
回答已采纳
2回答
身份映射中的空键
、、
我在标识映射中使用了一个域对象(键是对象的Id属性)。
伪码：
map = new Mapping();
map[domainObj.Id] = 'foo';
我观察对象来告诉我它何时被保存到数据库中：
domainObj.bind('saved', function() {
map[domainObj.Id] = 'new foo!'
})
对于新对象，Id字段是空的，在保存到数据库之前不会填充。
这就是我的问题所在。在新对象的情况下，查找"map[domainObj.Id]“失败，因为对象的标识在保存后发生了更改！
在这样的标
浏览 1提问于2009-04-29得票数 1
回答已采纳
1回答
MapBox GL标记的造型
、、、、
我正在尝试从使用Mapbox.js和传单到Mapbox。
我有下面的geojson，应该按照所附的图像来呈现。不幸的是，在阅读了许多文章和与数据驱动可视化相关的文档之后，我碰到了一堵墙。想知道有谁能帮上忙吗？！
这是geojson：
{ "type":"Feature",geometry: { "type":"Point","coordinates":[1.1147,51.7829] },properties: { "title":"Paul","marker-color&#
浏览 3提问于2017-03-08得票数 4
我有如下的bean定义
<util:list id="myBeanList">
<bean id="stage1" class="Stageclass"/>
<bean id="stage2" class="Stageclass"/>
</util:list>
我知道如果我们想引用上面的列表，我们可以使用如下内容
<ref bean="myBeanList" />
但是，我不想引用整个列表，而是想引用这个列表中的一个特定bean，比如
浏览 0提问于2016-05-28得票数 1
3回答
在我正在创建的网页上，我有一个带有背景图像的div。我将一些文本覆盖在我将经常更改的图像上，这就是为什么我使用背景图像和真实文本，而不是包含文本的img标记。
背景图像包含一些可单击的区域，因此我需要一个图像映射。
我认为最好的方法是用一个透明的图像覆盖另一个div，并有一个对应于背景区域可点击区域的透明图像的图像映射。
我是在正确的轨道上，还是有更好的方法？
浏览 1提问于2009-11-13得票数 6
1回答
我正在构建一个listview，并且我使用HashMap获得了我希望使用map.put的图像的URI。
获得URI的函数工作得很好，我可以使用setImageURI(uri)设置图像视图。
我应该在map.put中使用什么值(“标志”，值)；
下面的代码是postexecute的一部分
try {
android = json.getJSONArray(TAG_OS);
oslist.clear();
for(int i = 0; i < android.length(); i++){
浏览 6提问于2015-06-04得票数 0
回答已采纳
我在我的code.This中使用LinkedHashMap是我的地图：
LinkedHashMap<String, Conversation> conversationsMap=new LinkedHashMap<String, Conversation>();
我使用以下代码行将项目添加到此地图中：
conversationsMap.put("test",Conversation);
但是这一行将项目添加到最后。我需要将项目添加到此map.How的顶部。我可以这样做吗？
浏览 2提问于2014-12-08得票数 3
2回答
我想根据另一个参数值动态调用模板中的参数，如下所示： 假设我有一个值列表，这些值通过几种方式确定： <xsl:param name="One"/>
<xsl:param name="Two"/>
<xsl:param name="Three"/> 我想用它来创建匹配的元素，比如： <One>1111</One>
<Two>2222</Two>
<Three>3333</Three> 我喜欢创建一个单独的模板或函数来实现，而不是单独创建所有
浏览 20提问于2019-09-06得票数 0
1回答
在Emacs的所有其他模式中，我非常习惯使用Alt-Left和Alt-Right分别将光标向左或向右移动一个单词。但在组织模式下，Alt键用于更改标题的层次结构。这一直是恼人的一个主要来源。如何让Alt键在组织模式下正常工作，并使用Esc-Left和Esc-Right更改标题层次结构？
浏览 5提问于2017-01-09得票数 0
我正在做一个小项目，从电子表格读取党(也就是客户)的数据到两个哈希图。一个跟踪每一方，值是对象Party，另一个嵌入到跟踪每一方数据的party对象中。问题是，我的方法是使用两个for循环，我们都知道这是一个O(N^2)算法。它现在的方式是大约500行(或500方)，大约65列(或65个标签/值)，所以在这样的元素数量上，这并不是什么大问题。然而，有人告诉我，它可能需要处理超过2500万行，在这种情况下，O(N^2)是一个问题(我猜从技术上讲，列不是O(N^2)，但列数可以扩展，它不一定设置为65)。
长话短说，我需要关于如何减少运行时间的提示，但我真的想不出任何其他方法来访问工作表中的每个单
浏览 0提问于2013-07-06得票数 0
1回答
我正在使用Galleria插件创建一个图片库。
我定制了图库的样式，在.js文件中编辑css，但有一项任务让我感到困惑：
我正在尝试替换出现在图像灯箱两侧的箭头。它们目前是使用类型创建的，但我需要使用图像替换它们，以便与网站的其余部分保持一致。
我尝试像往常一样使用CSS添加图像，但无法显示。
我对Javascript不是很有经验，所以任何关于如何在Javascript中包含的CSS中调用图像的技巧都将受到感谢。
以下是Javascript中代码的链接：
这里有一个插件站点的链接，如果有帮助的话：
提前谢谢你，
汤姆·帕金斯
浏览 3提问于2011-05-24得票数 0
5回答
在javascript中创建新的Image元素时，Google的内存工具(Developer tools > Timeline > Memory)自然会将其视为一个新的DOM元素。
在我的例子中，我最终得到了1500+ DOM元素，我希望摆脱它们。当我准备好创建所有对象时，我尝试将所有对象保存在数组中，并在循环中删除所有对象，导致以下错误：
Uncaught TypeError: Cannot call method 'removeChild' of null
这表示Image对象没有出现在实际的DOM中。
var images = [];
var i, image
浏览 4提问于2012-06-14得票数 11
回答已采纳
在我的代码中，我使用事件来记录某个日期。我想将我从主合同中调用的合同的名称包含在这个活动日志中。有人知道怎么做吗？
浏览 0提问于2017-12-19得票数 1
我需要从我的服务器后端调用组中的所有SignalR客户端。
我需要等效的Clients.OthersInGroup('MyGroupName').MyFunction，但通过一个IHubContext对象(或者从集线器实例外部)。这有可能吗？
我的用例:我有一个承载SharePoint应用程序的提供者。SignalR用于实时更新其他客户端的更改(使用SignalR JavaScript客户端)。由于该应用程序支持多租户，因此连接到服务器的客户端可以来自不同的SharePoints租户。通信应该始终只在同一租户的客户之间进行。为此，如果客户端连接，则将其添加到SignalR组中，
浏览 10提问于2015-03-20得票数 0
回答已采纳
1回答
开层动态图像大小
、、
我有下面的代码：
const extent = [0, 0, 1000, 100];
new ol.Map({
layers: [
new ol.layer.Image({
source: new ol.source.ImageStatic({
url: this.config.settings.staticImageURL,
projection: new ol.proj.Projection({
code: "xkcd-image",
units: "pixels"
浏览 2提问于2020-07-25得票数 0
我有一架飞机，上面有一架MeshBasicMaterial和一架小飞机。我将cubecamera.renderTarget指定为材料的envmap，将png图像指定为材质的纹理。png图像是它的核心。我想要完成的是，只有在png透明的地方才能看到反射图-- cubecamera envmap。
这个是可能的吗？如果是这样的话，请指导我通过，因为我是新的three.js。目前，我的材料如下：
productMaterial = new THREE.MeshBasicMaterial( {
map: productModelTexture,
envMap: that.cubeCam
浏览 4提问于2015-02-01得票数 0
回答已采纳
1回答
我有一个接收字符串数组的方法。我的问题是输出:从行到打印setOfArray，我得到以下输出，这对于array是正确的
(buy,pay,sell): [sell, pay] [sell]
[] [buy, sell] [buy] [buy, pay]
但是，这并没有转移到mapOfPermissions中。
我的产出是：
{buy:pay:sell:=[buy, sell, pay],
pay:=[buy, sell, pay], pay:sell:=[buy, sell, pay], buy:=[buy, sell,
pay] . . . . }
我有什么办法解决这个问题吗？
public
浏览 1提问于2016-03-04得票数 0
回答已采纳
2回答
我试图通过以下方式为我的PageFactory创建存储：
private static Map<Class<? extends BasePage>, ? extends BasePage> pageStore = new HashMap<>();
@SneakyThrows
public <T extends BasePage> T getPage(Class<T> pageClazz) {
T t = pageClazz.getDeclaredConstructor().newIns
浏览 18提问于2022-07-21得票数 0
回答已采纳
1回答
我想从javascript-map返回0、1或2个图像，这取决于有多少图像。
function images () {
if (item.has('images')) {
const response = [item.get('images').get(0)]
if(item.get('images').has(100)){
response.push(item.get('images').get(1))
}
return response
} e
浏览 0提问于2016-12-07得票数 0
为了在现有的db中添加一列，我遵循了documentation的文档。
我成功地运行了所有命令，并获得了文档所要求的自动生成文件。但是，在运行最后一个命令"./symfony doctrine:migrate"时，我在命令提示符中得到了以下错误：
SQLSTATE42000:语法错误或访问冲突: 1064您的SQL语法出现了错误；请检查与MySQL服务器版本对应的手册，以便在第1行'VARCHAR(100), value TEXT NOT NULL, PRIMARY KEY(key)) DEFAULT CHARACTER SET UTF8 '附近使用正确的语
浏览 5提问于2014-06-25得票数 0
2回答
当我在Go中从地图中检索一个结构时，我是否得到了该值的副本？或者我能得到地图上的实际值吗？
例如，假设我有一个从字符串到结构的映射：
type quality struct {
goodness int
crunchiness int
}
cookies := make(map[string]quality)
cookies["nutrageous"] = quality{goodness: 3, crunchiness: 10}
我想修改一个条目。
我可以指望返回的值与映射中的值相同吗？
c := cookies["nutrageous"
浏览 1提问于2016-08-02得票数 6
回答已采纳
我希望能够创建一个池，用户可以在其中存放和提取ERC20令牌。请注意，我不能访问池中的资产，但只能批准/拒绝用户的撤回请求。
用户创建一个100 USDT的提取。
我会批准这个数额
合同从自己的地址中扣除100 USDT，并将该100转到用户的地址。
使用ETH可以安全地完成它，但我似乎不知道如何使用ERC20令牌，而不允许自己完全访问池中的资产。有可能吗？
本机传输的代码在这里：
https://gist.github.com/zcaudate/366d8edfc748bd4ac8cfc40a98afc91e#file-room_原生溶胶-L 271-L 286
链接到需要更改的函数。
浏览 0提问于2022-10-08得票数 0
回答已采纳
比如说，我有：
具有值的ArrayList A;："a“、"b”、"c“、"d”、"e“
ArrayList B；具有值："3“、"1”、"5“、"2”、"4“
然后我表演了
Collections.sort(B)；
然后ArrayList B变成：
"1“"2”"3“"4”"5“
现在我想根据ArrayList B中的排序对进行排序，我应该得到ArrayListA
"b“、"d”、"a“、"e”、"c“
浏览 1提问于2015-08-29得票数 1
我在OpenLayers 3中是全新的，我创建了以下页面，该页面使用它显示一个开放街道地图，在该地图中，当用户单击某个点时，它将检索这一点的GPS坐标：
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://openlayers.org/en/v3.12.1/css/ol.css" type="text/css">
<style>
.map
浏览 6提问于2016-01-21得票数 0
回答已采纳
1回答
我正在创建一个Spring应用程序，它通过redisson客户端使用Redis缓存。
@Bean
public CacheManager cacheManager(RedissonClient redissonClient) throws IOException {
Map<String, CacheConfig> config = new HashMap<String,CacheConfig>();
config.put("employeesCache", new CacheConfig(24*60*1000, 12*60*1000
浏览 15提问于2022-10-09得票数 0
回答已采纳
我正在尝试使用ttl值进行批量插入，但我做不到。这是我正在做的curl请求。
我所要做的就是插入一些具有特定ttl的值。有人告诉我我哪里做错了吗。我找不到任何关于这方面的用法示例。
curl -XPOST 'http://10.9.8.7:9200/_bulk?_ttl=1&op_type=create' -d '{"index": {"_type": "numbers", "_index": "index"}}
{"name": 1, "number"
浏览 1提问于2013-07-11得票数 0
当有人试图访问订单时，我使用linkedHashMap来保证订单。但是，当需要迭代时，使用entrySet()返回键/值对是否也保证顺序？迭代时不会进行任何更改。
编辑：，通过迭代它的键和调用get来迭代映射有什么不良影响吗？
浏览 1提问于2009-07-27得票数 85
回答已采纳
当我在JavaScript Shell (Version4.2)中运行以下MongoDb脚本时，它说它不理解.set函数？
const xxx = new Map();
print (xxx instanceof Map); // Output below displays "true"
xxx.set('bar', 'foo');
print('**************');
有以下错误：
MongoDB shell version v4.2.18
connecting to: mongodb://mongodb.da
浏览 1提问于2022-04-03得票数 0
回答已采纳
1回答
我正在尝试用jquery编写一个自定义网格，所以我看了一下jquery插件的开发。在它中，我为网格分配了标题，并希望分配行，但需要帮助为行分配值。
var headers=new Array();
headers=["Name","Host Name","Description","Type","Last Update Time"];
我想创建一个像下面这样的map数组，它将在我的网格中作为行分配，但需要帮助理解如何分配。与headers类似，这些行也可以是通用的。
var myrows = [
浏览 3提问于2012-06-05得票数 0
我使用哈希图为每个处理过的aclLine添加相似的值
for (String aclLine : refinedFileContents){
if(Some condition)
{
staticVariablesMap.put("lineNumber", **lineNumber**);
staticVariablesMap.put("**srcHostName**", batchBean.getSourceIpAddress());
staticVariablesMap.put("batchBean", batchBe
浏览 3提问于2013-05-01得票数 1
5回答
我想要在用户悬停在图像的特定部分时触发事件处理程序，比如图像的中心或图像的右侧(例如，区域将包括大约100个像素)。我没有使用任何框架，所以这是我正在使用的普通javascript。我不确定使用图像映射是否可行。有人能帮上忙吗？
浏览 0提问于2009-06-02得票数 1
我使用LinkedHashMap将数组添加到不同的键中，如下所示：
nextQ(String qid) {
print(answersList);
print(qid);
setState(() {
answers[qid] = answersList;
});
print(answers);
_swipeAnimation();
answersList.clear();
}
clicked(String quesid, String id) {
setState(() {
if (!answersList.contains(id)){
answersList.add(id
浏览 1提问于2019-01-09得票数 1
回答已采纳
我正在尝试使用多线条的传单插件，但似乎无法使它与我的GeoJSON featureCollection和显示在我的地图上。
这是我的。注意:我在Javascript部分粘贴了多边形插件代码。滚动到小提琴底部看我的实际代码。
这是我的实际代码：
var data = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {},
"
浏览 6提问于2017-01-24得票数 2
回答已采纳
1回答
如果我基于一个100%大小的图像创建一个图像地图，我有什么选择？有没有办法根据浏览器的大小重新计算“区域”的坐标？
浏览 0提问于2012-02-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
