離子 - SVG不會出現

我做了離子2 sidemenu的應用程序構建，但是SVG出現在Chrome，但SVG沒有出現在Android的生成文件Android的debug.apk後：離子 - SVG不會出現

按照我使用的命令：

npm install -g ionic cordova ionic start myApp --v2 sidemenu ionic platform add android ionic build android

/myApp/src/pages/page1/page1.html

<ion-header> 
    <ion-navbar> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>Page One</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-content padding> 
    <h3>Ionic Menu Starter</h3> 
    <img src="../../assets/img/myapp.svg" alt=""> 
    <p> 
     If you get lost, the 
     <a href="http://ionicframework.com/docs/v2">docs</a> will show you the way. 
    </p> 
    <button ion-button secondary menuToggle>Toggle Menu</button> 
</ion-content>

你能幫我解決這個問題？

來源

2016-12-04 rafaelcb21

也許是因爲你用錯了路，還記得當你建立一個應用程序，你有這樣的：

因此該路徑必須"./assets/img/myapp.svg" intread "../../assets/img/myapp.svg" ，因爲在編譯的應用程序，你是在根，這是因爲如果要加載index.html文件中evething，而且它也能在瀏覽器

來源

2016-12-04 20:08:12 JoxieMedina

謝謝，它工作！ – rafaelcb21

Just /assets/img/myapp.svg（無期限）爲我工作。 – Grant

你可以嘗試用zip工具打開您的APK，並檢查是否包含APK你給圖像。如果是這樣，請確保您的相對路徑指向圖像。

好運

來源

2016-12-04 16:56:51

SVG文件是基於以下path'/Android的debug.apk /資產/ WWW /資產/ IMG /'。如果我將svg文件換成png，它就可以工作。 – rafaelcb21

我有同樣的問題，SVG備考t在構建時不會在離子2中顯示。我的解決方案是，你需要把svg文件放到正確的資產文件夾中，該文件夾的路徑是「./assets/img/[file_name]」就像JoxieMedina解釋了爲什麼，我用原始的html img標籤代替離子ion-img因爲ion-img在默認情況下有一些樣式。如果您正在使用ion-img，那麼您可能需要定義ion-img元素的寬度和/或高度以使其可見。另外，在這兩種情況下，使用img或ion-img元素，我需要將「backgroun-color：transparent」並定義mime type type =「image/svg + xml」以使其工作。希望這會幫助別人。

來源

2017-08-14 12:14:14 karlo1zg

離子 - SVG不會出現

回答

相關問題