3D プリンター入門

ホーム > Ionic の基礎 > 画像の配置場所

画像の配置場所

ビュー (HTML テンプレート) 内の img タグから src 属性で参照する画像はどこに配置すればよいでしょうか。

静的に参照する画像については、src/asserts フォルダ以下に配置します。

src/asserts 以下のファイルは、ビルド時に www/asserts フォルダ以下をはじめ、 それぞれのプラットフォーム向けのコードに必要な場所にコピーされます。

例えば、画像ファイル src/asserts/images/photo-1.jpg は、アンドロイド向けのビルド時には以下にコピーされました。

  • www/asserts/images
  • platforms/android/assets/www/assets/images
  • platforms/android/build/intermediates/assets/debug/www/assets/images

HTML テンプレートからは、次のように assets 以下の相対パスとして参照できます。

<ion-content padding>
  <img src="assets/images/photo-1.jpg" alt="">
</ion-content>

以上、静的画像ファイルの格納場所について説明しました。

ホーム > Ionic の基礎 > 画像の配置場所