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 上,您的图标将随设备字体大小缩放
我想知道是否可以使用svg格式的图片和图标,以及如何使用。
我正在使用带打字稿的 nativescript-vue 6.0。
在我看来,显示矢量图形的最简单方法是图标字体。我使用插件 nativescript-fonticon and generate the font with Fontello,它可以让您上传自定义图标并设置 unicode 值。
一些提示:
- 您必须像这样格式化您的图标 css 类:
.your-icon-name:before { content: "\f80b"; }
否则插件将无法识别它 - 您可能需要编辑矢量文件 as explained 并设置相同的高度
- 在 Android 上,您的图标将随设备字体大小缩放