Question

我正在使用库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 函数，它可能只能帮助它加载本地图像。我无法解决它。

任何人都知道可以做些什么才能使这项工作？

Answer 1

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

react-native-svg不支持图像URL

1 个答案: