Changing water level in an image dynamically based on slider value in MAUI

I'm working on a MAUI (Microsoft .NET Multi-platform App UI) application where I have an image representing a glass of water. I want to dynamically change the water level in the glass based on the value of a slider control. Essentially, as the user moves the slider, the water level in the glass should adjust accordingly.

Here's what I have so far:

I have an image of a glass of water in SVG format.I'm using SkiaSharp for rendering and manipulation of graphics.I have a slider control that allows the user to select a value.What's the best approach to achieve this dynamic water level adjustment based on the slider value in a MAUI application? Specifically, how can I programmatically update the water level in the SVG image when the slider value changes?

Any guidance, code examples, or suggestions would be greatly appreciated. Thank you!