Question

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

Answer 1

For anyone still struggling with this, there is another route you could take. What ended up doing was converting my svg files into a font file (.tff). My svg files were simple, so I'm not sure if this will work for every case, but at least it works for using icons. It's really easy to convert svg files to a .ttf file. I used this online tool converter, then I added the file into my nativescript app/fonts folder. Now I can use a label like this to display the svg files:

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

It's also worth noting that since it's a font, you can change stroke color, and size.

Note: Android uses the file name as the font name, while IOS has its own font name. To find the font name you can just open your .ttf file, and it should open a window showing the letters (icons) and the font name as the title

Answer 2

来自teammaestro

的更新分叉

<Page xmlns="http://schemas.nativescript.org/tns.xsd"
      xmlns:svg="@teammaestro/nativescript-svg" loaded="pageLoaded">
  <StackLayout>
    <svg:SVGImage src="~/image/nativescript.svg" height="100" />
    <svg:SVGImage src="https://media4.giphy.com/media/3uyIgVxP1qAjS/200.svg" height="200" />
    <svg:SVGImage src="res://somesvg" height="200" />
  </StackLayout>
</Page>

是否有任何体面的方式/插件来显示SVG图像？

2 个答案: