Svg image is not properly showing using SVGKit

Question

I have used SVGKit library to show svg images but the is some extra numbering in the images.

Here is the actual image:

But the image shown in the imageView looks like this:

As you can see in second image the numbers are showing on top and bottom in bunches are not part of the original image.

How do I resolve this issue.I am using the svg image first time so I don't know the reason behind this.

Here is the code to show svg image from url:

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

Answer 1

You code is perfectly fine. If there is no issue with the SVG image, image will display surely. The issue is not with the WKWebView, issue is with the coding of SVG image. As we know that SVG is made of a html css code.., try to fix that css part.

Also please open your image link in browser and try to reduce the width height of the window, if css issue is there, surely your image will be displayed distorted.

Also follow this issue too.