Question

我正在尝试使用react-native-svg库来掩盖具有形状的图像但是在android上的东西不能很好地工作（clipPaths不支持变换）所以我正在寻找如何用另一个图像掩盖图像让我们说一个png断言，其中有一个黑色的形状。

有没有人取得过类似的成就？

Answer 1

我终于通过使用viewBox属性并正确设置底层路径和元素的大小来实现此目的。视图框大小是我用于剪切的路径的大小。 imageWidth＆amp; imageHeight是我想要剪裁图像（和蒙版）的最终尺寸

 <Svg width={ imageWidth } height={ imageHeight } viewBox='0 0 320 224'>
   <Defs>
     <ClipPath id='clip'>
       <Path d={ path } />
     </ClipPath>
   </Defs>
   <Image
     width='100%'
     height='100%'
     preserveAspectRatio='xMidYMid slice'
     href={ { uri: filePath, isStatic: true } }
     clipPath='url(#clip)'
   />
 </Svg>

用另一个图像反映原始蒙版图像

1 个答案: