SVG rerendering after applying CGAffineTransform(scaleX: 2.0, y: 2.0) on MacawView

[nsandeepa]

Hi
I am currently implementing a pinch zoom for Macaw view. I have implemented pinch zooming rotation and panning well using CGAffineTransform. But the problem is i need to re render the SVG that is shown in MacawView after zooming in so that i the SVG is not pixelated after zooming. I tried ContentLayout to scale the SVG but it is hard to sync scale of the MacawView and ContentLayout. And also i tried applying node.place.scale() but it is not working either. Is there a solution for this.
Could you please help me with this?

[ystrot]

Hi Nilupul,

Zooming is a complicated task and we're going to add built-in support in the next release. If you want to implement it yourself for your specific task, here is my recommendations:

• Don't use CGAffineTransform at all to avoid pixelation.
• Don't use ContentLayout because it will replace your root scaling.
• You should have root Group which place will only contain zooming transformations. On pinch/pan/etc. gestures you need to calculate correct affine transformation and update root's place:

view.root.place = transform

[glennposadas]

Hi, I'd like to help. We just resolved the scrolling + zooming in issue without pixelation.
Take a look at Santosh's comment here in the repo, he uploaded his sample project. And you can start your work from there.

For zooming in without pixelation, all you have to do is scale your svg view. Like so:

public func scrollViewDidEndZooming(_ scrollView: UIScrollView, with view: UIView?, atScale scale: CGFloat) {
        
        DispatchQueue.main.async {
            print("update")
            self.svgView.contentScaleFactor = scale + 5
            self.svgView.layoutIfNeeded()
        }
    }

Voila! I hope this helps!

[ystrot]

There is now MacawView.zoom feature, so closing this issue.

[glennposadas]

AWESOME! Thank you so much!

…

On Tue, Jul 28, 2020 at 9:20 PM Yuri Strot ***@***.***> wrote: There is now MacawView.zoom feature, so closing this issue. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#550 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AC7MNF6WBA253ZL4NG5RBCTR53GCNANCNFSM4G7NLJTQ> .

-- Best Regards, Glenn Posadas