画像
<画像
クラス=「アップローダー - 画像」
SRC = "{{imgUrl}}"
モード= "aspectFit"
bindtap = "previewImg">
</画像>
サポートJPG、PNG、SVG、WEBP、GIF形式、クラウドファイルID。
プロパティ | タイプ | デフォルト値 | 必須の | 説明 |
---|---|---|---|---|
SRC | ストリング | ノー | リソース・ロケータ | |
モード | ストリング | scaleToFill | ノー | 画像のトリミング、リサイズモード |
WEBP | ブーリアン | 偽 | ノー | デフォルトでは解決しないWEBPの 形式をのみサポートし、ネットワークリソースを |
レイジーロード | ブーリアン | 偽 | ノー | ピクチャ来るで遅延読み込み、範囲内(上下三画面は???)ロード時を開始します |
ショー・メニュー・バイ・longpress | ブーリアン | 偽 | ノー | プレス写真は、識別コードのアプレットを示してメニューを |
binderror | eventhandle イベントハンドラ |
ノー | エラーがトリガーを発生した場合、event.detailたerrMsg = {}? | |
bindload | eventhandle | ノー | 画像が完成したローディング、event.detail = {高さ、幅}を有する火災??? |
モードの有効な値
値 | 説明 | 最小バージョン |
---|---|---|
scaleToFill | ズームモードが、アスペクト比は、画像に画像の幅と高さは、その規模を維持していない画像要素を埋めるために十分に延伸します | |
aspectFit | ズームモードでは、維持アスペクト比のズーム画像を、あなたは画像が表示され完了することができます。 | |
aspectFill | ズームモードでは、画像をスケーリングするアスペクト比を維持し、画像のみ保証短辺が完全に表示させることができます。換言すれば、画像は、水平方向または垂直方向に通常は他の方向に発生する、完了傍受します。 | |
widthFix | ズームモード、同じ幅、高さの変更に自動的に変更せず、元の縦横比を維持するには??/ | |
上 | 切断モードで、画像を拡大縮小していない、唯一の絵表示の上部領域を(ディスプレイの最上部は、画像要素のサイズに応じていることを意味します) | |
底 | クロップモード、画像を拡大縮小していない、底面積の画像のみを表示します | |
センター | クロップモード、画像を拡大縮小していない、中間領域の画像のみを表示します | |
左 | クロップモードでは、左側の領域にのみ画像を表示し、画像を拡大縮小していません | |
正しい | クロップモード、画像を拡大縮小していない、右側の領域の画像のみを表示します | |
左上 | クロップモード、画像を拡大縮小していない、左上の領域の画像のみを表示します | |
右上 | クロップモードでは、画像を拡大縮小していない、絵の唯一の右上の領域を示し、 | |
左下 | クロップモード、画像を拡大縮小していない、左下の領域の画像のみを表示します | |
右下 | クロップモード、画像を拡大縮小していない、右下の領域の画像のみを表示します |
バグ&ヒント
tip
:画像コンポーネントデフォルト300ピクセル、240ピクセル、高さ幅tip
2次元コード/プログラムコード小画像における画像成分は、長押しの識別をサポートしていません。のみwx.previewImageサポート長押し認識