svg linejoin 实施在不同的应用程序中有所不同答案

【问题标题】：svg linejoin imlementation differs in different applicationssvg linejoin 实施在不同的应用程序中有所不同
【发布时间】：2018-03-01 22:44:07
【问题描述】：

我写了一个 svg 解析器。

我有一个包含以下字符串的 svg 文件：

<polygon fill="#969696" stroke="#323232" stroke-width="0.5" stroke-miterlimit="10" points="555.583,394.805 564.085,394.805 564.02,394.817 568.896,399.655"/>

而且这张图片在各种应用中看起来都不一样。可能的情况：

1)linejoin = 斜角

2)linejoin = miter (Corel Draw)

3)两个最近的点不相连（Inkscape，adobe illustrator）

第二种和第三种情况看起来像：

似乎 svg 文档建议绘制与 corel draw 相同的图片（右图）。但它不是很漂亮。

那么什么规则可以实现左图呢？

【问题讨论】：

标签： join svg line vector-graphics

【解决方案1】：

您的多边形中似乎有一个虚假的坐标。多边形有 3 个顶点，但您提供了 4 个顶点，而虚假的顶点令人困惑。试试这个吧……

<polygon fill="#969696" stroke="#323232" stroke-width="0.5" stroke-miterlimit="10" points="555.583,394.805 564.085,394.805 568.896,399.655"/>

【讨论】：