javascript - 将 svg 转换为 react 原生 svg

Question

我有以下 svg 代码，我想将其转换为react-native-svg。如何正确完成？

<svg width=200 height=200>
  <defs>
    <marker id="markerArrow1" markerWidth="13" markerHeight="13" refX="2" refY="6" orient="auto">
      <path d="M2,2 L2,11 L10,6 L2,2" />
    </marker>
  </defs>
  <line x1="10" y1="10" x2="100" y2="100" style="stroke:#006600; marker-end: url(#markerArrow1)" />
</svg>

Answer 1

react-native-svg 是一个令人惊叹的软件包，只有一些区别。首先，您需要验证您使用的所有内容均受支持。

浏览 documentation你会发现大多数东西只是大小写不同。

目前不支持Marker(查看文档中的ToDo)。如果可以的话就好走了。