ShapeView | create reusable shape from XML , reducing the number

How to draw background paths like below images?

I am trying my self but safe not coming properly

Below My code:

I have created an app that consists of the main view inside of which there are multiple views, one per shape. For the shape, I would like to enable some interaction in order to transform its properties upon tapping. As the transformation depends on the tap location as well, I have implemented it as DragGesture the following way:

In the app I am working on, I have used PocketSVG to read paths stored in .svg file the following way (init):

I have created an object that represents the current state of drawing:

I'm new to SwiftUI and working through some sample projects to get the hang of it and I'm getting stuck on limiting the scope of the animation I set for the .transition for an AnimationModifier so it only impacts the animation of the transition and nothing else in the view.

While the separate transitions are respected for onAppear() and another for onDisappear(). The animation in the AnimatableModifier is overriding the removal over the item from the grid even when explicitly declared

I've tried explcicitly setting the Animation to the .offset transition in both the AnimatableModifier and for the CardView in the GameView, and when I do, no animation is triggered at all:

I have created UIView and it has one subview and it's containing shape object which are creating using UIBezierPath, and UIView has fixed height and width (image 1). When i click the blue color button, it should be scale down to another fixed width and height. I have applied CGAffineTransform to subview and, i guess it is scale down properly, but since topAnchor and leftAchor has constant values, after scale down it is not displaying properly (image 2).I will attach my source code here and screenshots, please, analyze this and can someone suggest better approach for how to do this ? and highly appreciate ur feedback and comments.

code:

I have a Xamarin.Forms app (4.6.0.800) & I'm making a control using Frame for the rounded corners. But the background color of grid flows out of the bounds of the frame on Android. It works as expected on iOS.

Here's the XAML code

I have created UIBezierPath with custom shape then I need to make it mask for image always I got empty image here is my code First I created the path, then create image and last create my mask but it is not working

here is image I need to mask it dropbox.com/s/tnxgx7g1uvb1zj7/TeethMask.png?dl=0 here is UIBazier path dropbox.com/s/nz93n1vgvj6c6y0/… I need to mask this image in this path The output is something like this https://www.dropbox.com/s/gueyhdmmdcfvyiq/image.png?dl=0

Here is ViewController class

I am trying to establish a SwiftUI connection between the child view and the parent view. By clicking on any child view, I want to redraw only the view that has been tapped, not the entire parent view.

The current implementation below does not allow you to redraw the view when you click on it, as it has a derived value.

I tried different scenarios by adding the BindableObject protocol to CustomColor, but without success.