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

Question

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

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

Answer 1

在我看来，显示矢量图形的最简单方法是图标字体。 我使用的插件nativescript-fonticon和产生的字体Fontello ，它可以让你上传自定义图标和设置的Unicode值。

一些技巧：

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