アプレット--image

画像

<画像 

        クラス=「アップローダー - 画像」 

        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 ズームモード、同じ幅、高さの変更に自動的に変更せず、元の縦横比を維持するには/  
切断モードで、画像を拡大縮小していない、唯一の絵表示の上部領域を(ディスプレイの最上部は、画像要素のサイズに応じていることを意味します)  
クロップモード、画像を拡大縮小していない、底面積の画像のみを表示します  
センター クロップモード、画像を拡大縮小していない、中間領域の画像のみを表示します  
クロップモードでは、左側の領域にのみ画像を表示し、画像を拡大縮小していません  
正しい クロップモード、画像を拡大縮小していない、右側の領域の画像のみを表示します  
左上 クロップモード、画像を拡大縮小していない、左上の領域の画像のみを表示します  
右上 クロップモードでは、画像を拡大縮小していない、絵の唯一の右上の領域を示し、  
左下 クロップモード、画像を拡大縮小していない、左下の領域の画像のみを表示します  
右下 クロップモード、画像を拡大縮小していない、右下の領域の画像のみを表示します  

バグ&ヒント

  1. tip:画像コンポーネントデフォルト300ピクセル、240ピクセル、高さ幅
  2. tip2次元コード/プログラムコード小画像における画像成分は、長押しの識別をサポートしていません。のみwx.previewImageサポート長押し認識

 

公開された19元の記事 ウォンの賞賛0 ビュー790

おすすめ

転載: blog.csdn.net/weixin_44151772/article/details/104615325