adobe-indesign - 识别 idml 中视觉元素的坐标

Question

我需要处理 Indesign Idml 文件、生成图像并将其他元素覆盖在 html 中的某些元素上。

给定一个 Indesign Idml 文件(它是一个压缩的 xml 包)并在该文件中给定一个视觉元素(通过 xml 中的标签)。有没有办法找到视觉元素落在图像上的哪个坐标？

Answer 1

IDML 文档中图像的容器层次结构如下:

文档 [包含] > 展开 > PageItem > PlacedImage。 Pages 不用作容器，PageItems 存储在扩展坐标中，因此我们可以忘记 Document 和 Page 元素。如果您可以在 Spread 坐标中找到放置的图像，并重新调整这些坐标，使 0,0 位于屏幕的左上角，则您可以像在 InDesign 文档中一样定位图像。

页面项目(包含图像)在 IDML 中没有几何边界。它的边界存储为 PathGeometry 标签内的 PathPointType 对象数组，如下所示:

<Properties>
            <PathGeometry>
                <GeometryPathType PathOpen="false">
                    <PathPointArray>
                        <PathPointType Anchor="-32.04 -35.04" LeftDirection="-32.04 -35.04" RightDirection="-32.04 -35.04" />
                        <PathPointType Anchor="-32.04 35.04" LeftDirection="-32.04 35.04" RightDirection="-32.04 35.04" />
                        <PathPointType Anchor="32.04 35.04" LeftDirection="32.04 35.04" RightDirection="32.04 35.04" />
                        <PathPointType Anchor="32.04 -35.04" LeftDirection="32.04 -35.04" RightDirection="32.04 -35.04" />
                    </PathPointArray>
                </GeometryPathType>
            </PathGeometry>
        </Properties>

假设页面项目周围的边框是一个矩形，您可以通过获取最低/最高点值来简单地自己计算边界。然后你需要元素变换，

ItemTransform="1 0 0 1 509.27559055100005 -123.76377952749999"

...并且您需要考虑 IDML 认为 0,0 的位置(这是转换的原点)。

在 X 轴上，0 将是装订位置(这是可变的 - 在单页文档中，它通常是跨页的左手边缘，但在两页文档中，它可能是跨页的中心)。这是您需要页面的地方。 BindingLocation 表示为一个整数(0 表示第一页之前，1 表示第一页和第二页之间，等等)。您可以通过将前面页面的 ItemTransforms 相加来找到它的坐标。

在 Y 轴上，由于 Adob​​e 最熟悉的原因，0 是跨页的垂直中心(不是您可能期望的顶部或底部)。

IDML 文档有坐标示例: http://www.photoshopelementsmac.com/devnet/indesign/documentation.html包括从一个坐标空间转换到另一个坐标空间。

此外，在页面项目(给出几何边界)中，放置的图像有自己的一组图形边界，可以进一步偏移它，以及它自己的 ItemTransform

因此，要回答您的问题，您需要解压缩 IDML zip 文件，在 XML 中找到图像，然后进行如下求和:

// Pseudo-code:
// Calculate PageItem GeometricBounds First as noted above
X: (Spread.BindingLocation) + Spread.ItemTransform.tx + PageItem.itemTransform.tx + PageItem.GeometricBounds.Left + PlacedImage.ItemTransform.tx + PlacedImage.GraphicBounds.Left

Y: (Half Spread Height) + Spread.ItemTransform.ty + PageItem.itemTransform.ty + PageItem.GeometricBounds.Top+ PlacedImage.ItemTransform.ty + PlacedImage.GraphicBounds.Top

哦，还有一件事:所有 IDML 坐标都是点。如果您想获得以像素为单位的结果，您需要将所有值除以 72 除以屏幕的 PPI。