Javascript 使用react原生svg向进度循环添加阴影

Javascript 使用react原生svg向进度循环添加阴影,javascript,react-native,react-native-svg,Javascript,React Native,React Native Svg,我用react native svg实现了一个进度圈,白色圆圈表示目标进度。但是,有时进度超过100%,我想在外部进度圆的顶部创建一个半圆形阴影,以指示超出的值。例如,如果一个进度是150%,我想在进度顶部显示一个50%的半圆形的阴影(超出部分)。我尝试使用react native svg库来实现这一点,但目前还不支持过滤器。有人知道如何做到这一点吗?有其他解决办法吗? 下面显示了102%的预期行为示例 您能否将当前代码添加到问题中?

我用
react native svg
实现了一个进度圈,白色圆圈表示目标进度。但是,有时进度超过100%,我想在外部进度圆的顶部创建一个
半圆形
阴影,以指示超出的值。例如,如果一个进度是150%,我想在进度顶部显示一个50%的
半圆形的
阴影(超出部分)。我尝试使用
react native svg
库来实现这一点,但目前还不支持过滤器。有人知道如何做到这一点吗?有其他解决办法吗?

下面显示了102%的预期行为示例

您能否将当前代码添加到问题中?