AEM6.4：图像映射属性中值的含义

Question

AEM 提供了一个插件来为其内部就地编辑器创建图像映射。配置后，给定值存储为以下格式：

[rect(89,92,356,368)"/content/sites/we-retail/us"|"_blank"|"fdfdfdfdf"|(0.2,0.2004,0.8,0.8017)]

第一段是定义所选形状的坐标。第一个引号中的内容定义了目标站点，第二个引号中的内容定义了如何在浏览器中打开它。在第三对引号中包含用于非图像显示的替代文本。

我不知道第二个括号中的值。有人知道这些值代表什么吗？

Answer 1

从WCM core components Image model开始，它们被称为相对坐标。

它们不是标准 HTML 属性，而是填充为 the image component.

中区域标签的数据属性

查看下面的代码：

<area shape="${area.shape}" coords="${area.coordinates}" href="${area.href}" 
      target="${area.target}" alt="${area.alt}" data-cmp-hook-image="area" 
      data-cmp-relcoords="${area.relativeCoordinates}">

由于地图坐标是固定坐标，不会根据屏幕尺寸缩放或不缩放而改变，因此图像组件的JavaScript使用此相对坐标数据来调整地图区域的坐标每当调整图像大小。这是由组件的 clientlib.

中的 resizeAreas() 函数处理的

AEM6.4：图像映射属性中值的含义

AEM6.4: Meaning of values in image map properties

aem

imagemap