3

我需要转换图像以进行对象检测。我从具有多个多边形的 svg 图像开始。例子：

<svg ...>
<rect width = "100%" height = "100%" fill = "rgb(0,0,0)" />
<polygon points="..." fill="rgb(221,221,221)" fill-opacity="1.0" />
<polygon points="..." fill="rgb(100,100,100)" fill-opacity="0.5" />
</svg>

结果是黑色背景，对象 A 的颜色为 rgb(221,221,221)，对象 B 的颜色为 rgb(50,50,50)，并且两个对象的任何位置重叠 rgb(160,160,160)。检测算法（不能修改）通过像素值确定对象。

我已经使用inkscape、svgr-convert 或ImageMagikk 成功地将svg 转换为png。然而，这些 png 图像的边缘总是模糊的，这会干扰我的对象检测。

有什么方法可以转换有清晰的边缘？此图像显示了添加具有不正确值的模糊像素的转换。我已经放大了边缘以使其明显。

编辑：完整图像示例

<svg viewBox="17.874 6.66874 74.0131 70.817" xmlns="http://www.w3.org/2000/svg">
<rect width = "100%" height = "100%" fill="black" fill-opacity="1.000000" stroke="black" stroke-opacity="1.000000" stroke-width ="0.000000"/>
<polygon points="66.499391,34.862972 35.730400,51.495089 68.667463,64.499553 " fill="rgb(221,221,221)" fill-opacity="1.000000" />
<polygon points="47.613765,49.254424 23.219703,52.458598 47.246912,50.965952 48.078815,51.599703 49.620943,52.471096 62.516253,65.471290 65.077318,43.877861 51.086443,12.014429 34.861708,20.532821 " fill="rgb(100,100,100)" fill-opacity="0.500000" />
</svg>
4

2 回答 2

3

在<svg>元素中添加属性（它被所有子元素继承）

shape-rendering="crispEdges"

虽然从我的简短测试 Inkscape 似乎不尊重这一点，但 rsvg-convert 确实如此。对于您的 Imagemagick 设置，您应该确保它委托给 librsvg，而不是 Inkscape。

于 2019-01-04T00:20:59.870 回答
2

您需要做的是在读取 SVG 文件时增加密度。您可以按某个因子增加密度并保存该结果，也可以按该因子增加密度，然后按反因子调整大小。SVG 的默认密度为 96 dpi。所以在 Imagemagick 6 中，基本命令是：

convert test.svg test.png


在此处输入图像描述

这与

convert -density 96 test.svg test1.png


在此处输入图像描述

现在您可以将密度增加 4 到 384。

convert -density 384 test.svg test2.png


在此处输入图像描述

或者对于需要以原始分辨率保留的带有线条图的较大图像，您可以将尺寸缩小 1/4 或 25%

convert -density 384 test.svg -resize 25% test3.png


在此处输入图像描述

对于 Imagemagick 7，将 convert 更改为 magick。

添加：

这是一个使用密度 1200 放大的版本，除非您放大到超过全分辨率，否则它看起来会很平滑。

convert -density 1200 test.svg test4.png


在此处输入图像描述

于 2019-01-03T23:20:40.360 回答