Svg图像没有使用SVGKit正确显示。

Question

我使用SVGKit库来显示svg图像，但是在图像中有一些额外的编号。

这里是实际的图像：

​

​

但是imageView中显示的图像如下所示：

​

​

正如您在第二张图片中所看到的，数字显示在顶部和底部，而不是原始图像的一部分。

如何解决这个问题?我第一次使用svg映像，所以我不知道背后的原因。

这里是显示url:中svg图像的代码

let svgURL = URL(string: imageUrl)
let data = try? Data(contentsOf: svgURL)
let receivedIcon: SVGKImage = SVGKImage(data: data)
                        self.svgImageView.image = receivedIcon.uiImage

Answer 1

你的代码很好。如果SVG图像没有问题，图像一定会显示出来。问题不在于WKWebView，问题在于SVG图像的编码。正如我们所知道的，SVG是由html css代码.组成的，请尝试修复这个css部分。

此外，请在浏览器中打开您的图像链接，并尝试降低窗口的宽度高度，如果css问题存在，您的图像肯定会被扭曲。

也跟着这个issue。