SVG:边缘到边缘的黑色形状之间的无意白边

时间:2016-03-30 15:38:46

标签: svg render

我想创建一个svg文件,该文件碰巧有彼此相邻的并行黑色方块,并且它们之间没有空格。我创建了一个简单的svg文件,如下所示:

support-annotations

当您放大/缩小时,有时会在两个黑色矩形之间呈现细白线,即使它不应该。不是,有一个真正定义的白线,但你可以看到两个黑色矩形是分开的,但事实并非如此。生成的图像看起来应该像缩放级别的一个黑色方块。

我测试的每个渲染器都是这种情况(Adobe Illustrator,Inkscape,Firefox)。嵌入式代码片段在http://www.w3schools.com/svg/#

中进行了测试

我已经搜索过该问题,但在其他任何地方找不到相关说明。

这真的是渲染问题还是我错过了什么?

2 个答案:

答案 0 :(得分:0)

这是渲染问题。根据您用于查看白色线条的软件,可以随着缩放级别的变化而改变。即使在印刷时,也可以存在白线。我将svg文件保存为pdf(存在相同的工件)并对其进行了校对。在校对中,文物不存在。

答案 1 :(得分:0)

解决方案是将两个路径合并为一个:

<path d="M150 0 L200 0 200 100 L150 100 Z M200 0 L250 0 250 100 L200 100 Z" />

其他解决方案是禁用抗锯齿(只要您只有H,V或45deg线),或者为路径添加足够宽的黑色笔触。

全面讨论: https://stackoverflow.com/a/46249899/6050364