如何解决React Native Reanimated 2 动画 SVG 路径的长度
我正在尝试在 React Native Reanimated 2 中将 SVG 路径的长度从 0 设置为全长。这是我的示例路径:
const Animatedpath = Animated.createAnimatedComponent(Path);
const animatedProps = useAnimatedProps(() => {
const path =
`M${width * 0.182} ${height * 0.59} ` +
`L${width * 0.443} ${height * 0.59} ` +
`L${width * 0.443} ${height * 0.39} `;
return {
d: path,};
});
return (
<Svg height="100%" width="100%">
<Animatedpath animatedProps={animatedProps} fill="none" stroke="red" strokeWidth="5" />
</Svg>
);
我尝试在路径的宽度上添加一些插值,但没有成功。我还尝试查看 Redash 的 interpolatePath() 实现,但它似乎采用两条路径作为输出范围。还有什么我应该看的吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。