Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React Native中绘制和擦除SVG_Javascript_React Native_Svg_Image Processing_React Native Svg - Fatal编程技术网

Javascript 在React Native中绘制和擦除SVG

Javascript 在React Native中绘制和擦除SVG,javascript,react-native,svg,image-processing,react-native-svg,Javascript,React Native,Svg,Image Processing,React Native Svg,我正在尝试在react原生应用程序中创建一个排序包含/排除功能,用户可以在图像上绘制阴影或取消阴影以包含或排除区域,以便仅处理包含(阴影)区域中的项目。我已经完成了一些react本机模块,但在让任何东西正常工作时遇到了问题。总体而言,它非常类似于绘制和擦除功能,但我需要知道或能够计算着色的像素 我的最新方法是使用SVG掩码和路径。遮罩覆盖图像,用户在其上绘制。然后,用户可以单击“擦除”按钮,然后开始绘制另一条添加到遮罩的路径,以隐藏原始路径。问题是,在添加掩码路径后,用户无法在其上绘制,以防他们

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

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

是否有人知道您是否可以以某种方式组合SVG,或者从路径中删除相交部分,或者是否有更好的方法来实现这一点的想法


我非常确信,使用react native reanimated软件包可以实现这一点


看,好像我把你说对了,这正是你想要的。

谢谢@D10S,react-native reanimated软件包相当不错,但与我正在使用的react-native svg软件包类似。看看文档,我想我也会遇到同样的问题。