代码之家  ›  专栏  ›  技术社区  ›  laptou

解析SVG路径数据

  •  0
  • laptou  · 技术社区  · 8 年前

    documentation at MDN 但Inkscape生成了以下路径数据:

    m 100.93837,238.62186 -15.635004,13.72009 2.438549,20.65787 -17.880056,-10.63004 -18.893249,8.70283 4.584526,-20.28981 -14.11522,-15.27922 20.71345,-1.90975 10.169563,-18.14592 8.21709,19.10952 z
    

    如您所见,有一条移动指令,但没有行指令,因此路径解析失败。如果没有行指令,我应该如何正确地解释这一点?所有这一切都是移动“铅笔”周围的一束,然后关闭路径。

    1 回复  |  直到 8 年前
        1
  •  2
  •   Joey Gumbo    8 年前

    移动后的后续坐标对应为 interpreted as lineto instructions . 如果moveto是相对的,则后续的隐式LineTo也是相对的,对于absolute也是如此。

    一般来说,如果您想要实现一个标准,请尽可能阅读规范,而不是一个遗漏关键细节的方便摘要。实际上,SVG规范可读性很强,在过去10年中,我几乎没有理由使用其他任何东西作为参考。

    5-3 , 0.0.1 .