React Native 中的 SVG 绘制和擦除

Question

我正在尝试在 react 本机应用程序中创建排序包含/排除功能，用户可以在图像上绘制阴影或取消阴影区域以包含或排除它，以便仅包含（阴影）中的项目区域将被处理。我已经经历了一些反应原生模块，但我在让任何东西正常工作时遇到问题。总体而言，它与绘制和擦除功能非常相似，但我需要知道或能够计算着色的像素。

我最新的方法是使用 SVG 蒙版和路径。蒙版覆盖图像，用户在其上绘图。然后，用户可以单击擦除按钮，然后开始绘制另一个添加到蒙版以隐藏原始路径的路径。问题是在添加蒙版路径后，用户无法在其上绘制，以防他们想要进行进一步的更改。我可以简单地更改路径 d 的值，但它看起来不太正确。

有谁知道您是否可以以某种方式组合 SVG，或者从路径中删除相交部分，或者有更好的方法来做到这一点？

Answer 1

我很确定可以使用 react-native-reanimated 包来完成。

请参阅this，就好像我猜对了你正在寻找的东西一样。