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

标签 nativescript

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

最佳答案

对于仍在为此苦苦挣扎的任何人,您可以选择另一条路线。最后要做的是将我的 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 文件,它应该会打开一个窗口,显示字母(图标)和字体名称作为标题

关于nativescript - 是否有任何合适的方式/插件来显示 SVG 图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49278644/

相关文章:

android - 无法使用 native 脚本构建,运行和发布android

vuejs2 - Nativescript vue,如何获取.apk文件?

android - 应用程序如何在 Nativescript 中检测到它将被卸载?

javascript - 如何有条件地隐藏 native 脚本( Angular )中的选项卡项目?

ios - 如何在 Windows 上为 IOS 构建 NativeScript 项目?

angular - 当我尝试更新 NativeScript 项目时收到错误消息

javascript - 如何在 NativeScript 中获取对 self.view 和 self.view.frame 的引用

android - html声音元素中无法识别nativescript-audio录音

nativescript - 类型错误 : Cannot read property 'cartesianChart' of undefined in nativescript

android - 在 NativeScript 上为 Android 设置安全插入