nativescript - 是否有任何合适的方式/插件来显示 SVG 图像？

Question

很久以前我在互联网上搜索一个 SVG 图像插件并找到了 that one ，它几乎坏了，过时了，因此无法使用。是否有任何其他我可能会错过的插件可以显示 SVG 图像并且可以与最新的 Nativescript 版本一起正常工作？

Answer 1

对于仍在为此苦苦挣扎的任何人，您可以选择另一条路线。最后要做的是将我的 svg 文件转换为字体文件 (.tff)。我的 svg 文件很简单，所以我不确定这是否适用于所有情况，但至少它适用于使用图标。将 svg 文件转换为 .ttf 文件真的很容易。我用了this在线工具转换器，然后我将文件添加到我的 nativescript app/fonts 文件夹中。现在我可以使用这样的标签来显示 svg 文件:

<label
  style="font-family: yourFontFileName;"
  text="A" //This will show the icon mapping to the letter 'A'
></label>

还值得注意的是，由于它是一种字体，您可以更改描边颜色和大小。

注意:Android使用文件名作为字体名，而IOS有自己的字体名。要查找字体名称，您只需打开 .ttf 文件，它应该会打开一个窗口，显示字母(图标)和字体名称作为标题