c# – The right way to mark strains on picture and save that in MAUI

I’ve a MAUI utility and we’ve the suggestions choice in it. Person can take or add the screenshots of the opposite pages and marks the problems in it. I used group toolkit DrawingView for marking or drawing on the picture. I wish to mark the every picture individually, at the moment if I draw on one picture it’s coming for all the pictures. As a result of I am utilizing the Drawingview management above the picture view. So how can I draw or marks one thing on picture and save that like instagram suggestions function.

Right here is my xaml

 <Grid HorizontalOptions="FillAndExpand"
      VerticalOptions="FillAndExpand">
    <Grid HorizontalOptions="FillAndExpand"
                 VerticalOptions="FillAndExpand"
                 Grid.Row="0"
                 RowDefinitions="*,Auto"
                 Padding="10,20">
        <Editor Placeholder="Briefly clarify what's the issue."
                AutoSize="TextChanges"
                Grid.Row="0"
                FontSize="14"/>
        <ScrollView Grid.Row="1"
                    Margin="0,20"
                    Orientation="Horizontal"
                    HorizontalOptions="FillAndExpand"
                    VerticalOptions="Finish">
            <StackLayout HorizontalOptions="FillAndExpand"
                        VerticalOptions="Finish"
                        Orientation="Horizontal"
                        BindableLayout.ItemsSource="{Binding ScreenshotImgs}"
                        FlowDirection="LeftToRight">

                <BindableLayout.ItemTemplate>
                    <DataTemplate>
                        <Grid ColumnDefinitions="Auto,Auto"
                          Margin="0,0,5,0">
                            <Picture Supply="{Binding screenShot}"
                                Grid.Column="0"
                                Grid.ColumnSpan="2"
                                HorizontalOptions="Begin"
                                Facet="AspectFit"
                                VerticalOptions="FillAndExpand"
                                HeightRequest="150"
                                WidthRequest="100">
                                <Picture.GestureRecognizers>
                                    <TapGestureRecognizer Tapped="ImageEditTapped"
                                                      CommandParameter="{Binding Id}"/>
                                </Picture.GestureRecognizers>
                            </Picture>
                        </Grid>
                    </DataTemplate>
                </BindableLayout.ItemTemplate>
            </StackLayout>
        </ScrollView>
    </Grid>
 
    <ContentView HorizontalOptions="FillAndExpand"
                 x:Identify="preview"
                 IsVisible="false"
                 Margin="0,0,0,-20"
                 Grid.Row="0" Grid.RowSpan="4"
                 VerticalOptions="FillAndExpand"
                 BackgroundColor="White">
        <Grid RowDefinitions="Auto,*">
            <Grid ColumnDefinitions="Auto,*"
           Grid.Row="0"
           Padding="5,0,20,0"
           Type="{StaticResource grid_bg}">
                <HorizontalStackLayout
                    HorizontalOptions="FillAndExpand"
                    VerticalOptions="FillAndExpand" Grid.Column="0">
                    <Picture Supply="nav_close" Margin="5,0"
                          VerticalOptions="CenterAndExpand"
                          HorizontalOptions="StartAndExpand">
                        <Picture.GestureRecognizers>
                            <TapGestureRecognizer Tapped="CloseScreenShotView"/>
                        </Picture.GestureRecognizers>
                    </Picture>
                    <Label Textual content="Screenshot"
                   VerticalOptions="Middle"
                   Type="{StaticResource label_NavigationText}"/>
                </HorizontalStackLayout>
                <Label Textual content="Achieved"
               Grid.Column="1"
               VerticalOptions="Middle"
               HorizontalOptions="Finish"
               Type="{StaticResource label_green}">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer Tapped="SavemarksScreenshotView"/>
                    </Label.GestureRecognizers>
                </Label>
            </Grid>
            <Grid RowDefinitions="*"
                  Grid.Row="1"
                  Padding="20,0">
                <Picture x:Identify="fullimg"
                       Grid.Row="0" 
                       HeightRequest="700"
                       WidthRequest="350"
                       HorizontalOptions="CenterAndExpand"
                       VerticalOptions="FillAndExpand"/>
                <toolkit:DrawingView x:Identify="drawingView" Grid.Row="0" BackgroundColor="Clear"
                                     LineColor="Crimson"
                                     DrawingLineCompleted="drawingView_DrawingLineCompleted"
                                     IsMultiLineModeEnabled="True"/>
            </Grid>
        </Grid>
    </ContentView>
</Grid>

Right here when consumer faucet on one picture from the bindable structure the ImageEditTapped occasion will set off and bind that specific picture within the fullImg.Supply and displaying it. And consumer can draw or mark something on it. I wish to save the marks on that picture into the matching picture within the BindableLayout.ItemsSource="{Binding ScreenshotImgs}".Presently I am unable to put it aside (Determine -2). And likewise at the moment if I mark some factor on one picture it’s coming in all the opposite pictures(Determine 1 and Determine 3).