Question

我正在尝试使用inkscape创建的xml文件在脚本中重新生成svg路径。我理解如何解释xml文件中的d标记，但是我遇到了转换到文件中的转换的问题。

我的测试文件上有一条路径，我将其简化为一个小三角形，以便于使用。来自inkscape的简单svg文件如下所示：

xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   id="svg6530"
   viewBox="0 0 33 134"
   height="134"
   width="33">
  <defs
     id="defs6532" />
  <metadata
     id="metadata6535">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     style="display:inline"
     transform="translate(0,-918.36216)"
     id="layer1">
    <path
       id="path7149"
       d="m 0.10475398,1040.2201 1.79370822,0 1.4230759,-1.6612"
       style="fill:#000000" />
  </g>
</svg>

路径是相对的（小写m）
它有一个变换：应用它的（0，-918.36216）的平移视图框为0 0 33 134
身高= 134
width = 33
路径是：“m 0.10475398,1040.2201 1.79370822,0 1.4230759，-1.6612”

所有单位都是像素。

如果我查看inkscape中的路径，我会在文档中看到以下3点： 0.105,12.142 1.898,12.142 3.322,13.80

这是我想在脚本中重新创建的三点。

如果我从

开始

"M 0.105,12.142 1.898,12.142 3.322,13.80"

我得到了我想要的东西，但我无法弄清楚如何从中得到：

d="m 0.10475398,1040.2201 1.79370822,0 1.4230759,-1.6612"

Answer 1

路径字符串：

m 0.10475398,1040.2201 1.79370822,0 1.4230759,-1.6612

相当于

M 0.10475398,1040.2201 l 1.79370822,0 l 1.4230759,-1.6612

或移动和两条相对线。

如果我们将相对线坐标转换为绝对坐标（为简单起见，将其舍入为三位小数），我们得到：

M 0.105,1040.220 L (0.105+1.794),(1040.220+0) L 0.105+1.794+1.423),(1040.220+0-1.661)

或

M 0.105,1040.220 L 1.899,1040.220 L 3.322,1038.559

现在，您还要对路径应用变换。这是（0，-918.362）的翻译。如果我们现在将其应用到您的路径中，我们会得到：

M 0.105,(1040.220 - 918.362) L 1.899,(1040.220 - 918.362) L 3.322,(1038.559 - 918.362)

或：

M 0.105,121.858 L 1.899,121.858 L 3.322,120.197

在它的用户界面中，Inkscape正在从SVG约定中翻转Y坐标，其中Y = 0位于顶部，对于笛卡尔惯例，其中Y = 0位于底部。

因此，对于最后一步，如果我们从134（文档的高度）中减去所有Y坐标，我们得到：

M 0.105,12.142 L 1.899,12.142 L 3.322,13.807

你追求的字符串是什么（具有较小的舍入差异）。

tl; dr：转换为绝对坐标，应用变换，翻转Y坐标。

解释在inkscape

1 个答案: