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

问题描述

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

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

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

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

标签： aemimagemap

从WCM 核心组件 Image 模型中，它们被称为相对坐标。

它们不是标准的 HTML 属性，而是填充为图像组件中区域标记的数据属性。

请参见下面的代码：

<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中的函数处理。

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

问题描述

解决方案

推荐阅读