WeChat アプレットで畫像を表示するには、次の 2 つの畫像読み込み方法があります:

1. ローカル畫像の読み込み

2. ネットワークの読み込み畫像

ローカル畫像のロード

<image class="widget__arrow" src="/image/arrowright.png" mode="aspectFill">
</image>

src="/image/arrowright.png" この文はローカル畫像のロードです畫像リソース。 iOS でのローカル イメージの読み込み (imageName: など) について考えてみましょう。

ネットワーク寫真の読み込み

WeChat はネットワークの読み込みに優(yōu)れています。音聲とビデオの読み込みを含みます。アドレスを「src」屬性に直接添付すると、自動(dòng)的にロードされます。

 <image class="image_frame" src="{{imageUrl}}" mode="aspectFill">
 </image>

このimageUrlはjsファイル內(nèi)のデータです

data:{
    imageUrl:"http://img1.3lian.com/2015/w7/85/d/101.jpg"
},

次のように直接記述することもできます

次の點(diǎn)に注意してください: 畫像コンポーネントのデフォルトの幅は 300px、高さは 225px

src は上記のコードで使用されています。

mode には 12 のモードがあり、そのうち 3 つはズーム モード、9 つはトリミング モードです。

#具體的な手順については、非常に詳細(xì)に説明されている公式ドキュメントを読むことをお?jiǎng)幛幛筏蓼?。クリックしてリンクを開(kāi)きます

#非常に簡(jiǎn)単です。

##殘された問(wèn)題実際には、次のような機(jī)能を?qū)g裝したいと思います。ボタンをクリックして畫像をリロードします。

#補(bǔ)足

殘りの質(zhì)問(wèn)は回答済みです。 キー応答メソッドでは、setData を直接使用して imageUrl

<image class="image_frame" src="http://img1.3lian.com/2015/w7/85/d/101.jpg" mode="aspectFill">
</image>

の新しいアドレスを設(shè)定できます。結(jié)果は次のとおりです。

推奨: 「
小さなプログラム開(kāi)発チュートリアル

」

以上がWeChat ミニ プログラムの 2 つの畫像読み込み方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。