Nativescript-vue。使用 SVG 图形、图像、图标

Nativescript-vue. Using SVG Graphics, Images, Icons

我想知道是否可以使用svg格式的图片和图标,以及如何使用。

我正在使用带打字稿的 nativescript-vue 6.0。

在我看来,显示矢量图形的最简单方法是图标字体。我使用插件 nativescript-fonticon and generate the font with Fontello,它可以让您上传自定义图标并设置 unicode 值。

一些提示:

  • 您必须像这样格式化您的图标 css 类:.your-icon-name:before { content: "\f80b"; } 否则插件将无法识别它
  • 您可能需要编辑矢量文件 as explained 并设置相同的高度
  • 在 Android 上,您的图标将随设备字体大小缩放