0

我正在使用库 react-native-svg:https ://github.com/react-native-community/react-native-svg来剪辑具有自定义形状的图像。

这是我的代码:

<Svg
  height="100"
  width="100">
  <Defs>
      <ClipPath id="clip">
          <Circle cx="50%" cy="50%" r="40%"/>
      </ClipPath>
  </Defs>
  <Image
      width="100%"
      height="100%"
      href={{uri : 'http://images.fonearena.com/blog/wp-content/uploads/2013/11/Lenovo-p780-camera-sample-10.jpg'}}
      clipPath="url(#clip)"/>
</Svg>

这是我提到的示例:https://github.com/react-native-community/react-native-svg#image用于图像部分(注意:在 SVG 标签下,native-react-svg 自定义图像标签使用)但它只支持本地图像。

我试图深入挖掘,发现它使用了一个可能只帮助它加载本地图像的resolveAssetSource函数。我无法修复它。

任何人都知道可以做些什么来完成这项工作?

4

1 回答 1

1

我最近发布了react-native-remote-svg包,可让您加载本地和远程 svg 图像。您可以直接指向实际的 .svg 文件,而无需在 jsx 文件中重新创建 svg。请试一试,如果您遇到任何问题,请告诉我。

于 2017-12-13T08:42:22.853 回答