inkscape:transform-center-x/y 是什么意思？

问题描述

我正在使用 Inkscape 制作 SVG 图像，并且对“transform-center-x”属性有点困惑，如下所示：

    <circle
           style="display:inline;fill:#0000ff;fill-opacity:1;stroke:#000000;stroke-width:1.13386"
           id="beacon-21737"
           cx="-121.04593"
           cy="42.20393"
           r="1.9999999"
           inkscape:transform-center-x="-0.6614634"
           inkscape:transform-center-y="-10.318751"
           inkscape:label="beacon"
           transform="rotate(-90)">
    </circle>

似乎不等于rotate(angle,x,y)。请帮助我理解“transform-center-x/y”的含义。

解决方法

这是图形界面的一个属性。如果您在一个图形对象上单击两次，您可以围绕一个由十字表示的中心旋转或倾斜它：

可以通过拖动来移动十字架。它的位置存储在 inkscape:transform-center 属性中。该值是相对于图形对象边界框中心的坐标。此位置也将用于其他转换，例如当您使用对象 -> 转换...对话框时。

SVG 命名空间 transform 不会反映该中心。 Inkscape 有内部优化算法来表达旋转和其他变换，因此图形和标准化中心可能不重合。

与往常一样，其他渲染器将简单地忽略inkscape 命名空间中的标签和属性。