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就会使用此相对坐标数据来调整地图区域的坐标。这由组件的resizeAreas()中的clientlib功能处理。