根据 MAUI 中的滑块值动态更改图像中的水位

Question

我正在开发一个 MAUI（Microsoft .NET 多平台应用程序 UI）应用程序，其中有一张代表一杯水的图像。我想根据滑块控件的值动态更改玻璃中的水位。本质上，当用户移动滑块时，玻璃杯中的水位应相应调整。

这是我到目前为止所拥有的：

我有一张 SVG 格式的一杯水的图像。 我使用 SkiaSharp 来渲染和操作图形。 我有一个滑块控件，允许用户选择一个值。 在 MAUI 应用程序中根据滑块值实现动态水位调整的最佳方法是什么？具体来说，当滑块值发生变化时，如何以编程方式更新 SVG 图像中的水位？

任何指导、代码示例或建议将不胜感激。谢谢！

Answer 1

查看其他 StakcOverflow 答案

（简单）用于（大约）填充 ceringe 参见这个使用路径长度

（不容易）要获得精确的百分比填充（按形状）请参阅使用本机 Web 组件使用“像素”计算每个

50%、20% 或 80% 填充：