Svg路径看起来不是很尖锐

Question

查看以下svg图片：

我不确定我是否会忽略这一点，但这些线条对我来说并不是那么尖锐。特别是如果图像较小。

有没有让线看起来比这更清晰？我认为因为它是一个矢量图像，它必须能够看起来更清晰。

如果图像较小，以下是截图：

Answer 1

线像素化来自于视频卡是光栅图形设备（不是矢量图形）的事实。监视器也一样。因此，矢量图像必须转换为像素并馈入视频设备帧缓冲区。因此，无论如何都会发生像素化。消除锯齿有助于模糊线条边缘。但是你已经使用shape-rendering: geometricprecision;启用了抗锯齿功能。有更多的边缘像素平均技术，但所有这些技术（尤其是最新的）都适用于栅格数据。关于这些 - 请咨询游戏图形开发人员以获取信息。

<强>更新 （关于您的注意事项，在较小的图像上质量下降更多。）

半修辞问题：你有没有试过将蒙娜丽莎的图片调整为1像素？在这个缩小级别，所有图片看起来都很相似。这背后的推理是我们越是挤压图片 - 我们操作的像素就越少，所以我们放松了更多的细节。使用较少的像素数不能保持相同的质量。

Answer 2

如果我用Inkscape查看你的.svg，我可以放大和缩小而不会有任何损失。在2260％的变焦处，三者的上部“点”看起来非常曲折。加号的左端有一个约。 1 px宽线向下。

据我所知，你应该搜索一个印刷师（或者更了解字体的人）而不是矢量图形专家。唯一的标签'svg'可能会误导这里。