svg linejoin imlementation在不同的应用程序中有所不同

Question

我写了一个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绘制相同的图片（右图）。但它不是很漂亮。

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

Answer 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"/>