微信小程序 Image組件實(shí)例詳解
image組件也是一個(gè)程序不可缺少的，可以這樣說一個(gè)app中image組件隨處可以看到，一般 image有兩種加載方式第一種是網(wǎng)絡(luò)圖片第二種是本地圖片資源，都用src屬性去指定。
重點(diǎn)屬性：
三種縮放模式
九種剪切方式
wxml
<!--3中是縮放模式 scaleToFill 不保持縱橫比縮放圖片，使圖片的寬高完全拉伸至填滿image元素 aspectFit 保持縱橫比縮放圖片，使圖片的長(zhǎng)邊能完全顯示出來(lái)。也就是說，可以完整地將圖片顯示出來(lái)。 aspectFill 保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來(lái) --> <view>aspectFit 保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來(lái)</view> <image style="width: 100%; height:100%" mode="aspectFit" src="../../image/image.jpg"/> <!--9種是裁剪模式 top 不縮放圖片，只顯示圖片的頂部區(qū)域 bottom,同上 left right top right top left bottom right bottom left --> <view>bottom 不縮放圖片，只顯示圖片的底部區(qū)域</view> <image style="width: 100%; height: 100%" mode="bottom" src="../../image/image.jpg"/> <view>left 不縮放圖片，只顯示圖片的左邊區(qū)域</view> <image style="width: 100%; height: 100%" mode="left" src="../../image/image.jpg"/> <view>top right 不縮放圖片，只顯示圖片的右上邊區(qū)域</view> <image style="width: 100%; height: 100%" mode="top right" src="../../image/image.jpg"/>
相關(guān)文章：
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁(yè)面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
這篇文章主要介紹了WebWorker 封裝 JavaScript 沙箱，在前文 quickjs 封裝 JavaScript 沙箱詳情 已經(jīng)基于 quickjs 實(shí)現(xiàn)了一個(gè)沙箱，今天這篇文章再基于 web worker 實(shí)現(xiàn)備用方案,需要的朋友可以參考一下2021-10-10
JavaScript前端分頁(yè)實(shí)現(xiàn)示例
這篇文章主要為大家介紹了JavaScript前端分頁(yè)實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本文主要講解Google 地圖事件,這里整理了Google地圖基本事件功能，并提供代碼示例以供大家參考，有需要的小伙伴可以參考下2016-08-08
Uncaught EvalError:Refused to evaluate a
這篇文章主要為大家介紹了Uncaught EvalError:Refused to evaluate a string as JavaScript解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
uniapp封裝canvas組件無(wú)腦繪制保存小程序分享海報(bào)
這篇文章主要為大家介紹了uniapp封裝canvas組件和方法無(wú)腦繪制并保存小程序分享海報(bào)實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了如何利用javascript做簡(jiǎn)單的算法，主要是以提問的形式猶如練習(xí)小例子然后解決問題并附代碼說明,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了 微信小程序 Video API實(shí)例詳解,需要的朋友可以參考下2016-10-10
微信小程序 form組件詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 form組件詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要為大家介紹了Qiankun原理詳解JS沙箱是如何做隔離示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
JavaScript中時(shí)間格式化新思路toLocaleString()
這篇文章主要介紹了JavaScript中時(shí)間格式化新思路toLocaleString()，研究Object對(duì)象的時(shí)候，看到了 toLocaleString() 這個(gè)方法可以很簡(jiǎn)單的實(shí)現(xiàn)時(shí)間格式化，下面來(lái)看看toLocaleString() 的詳細(xì)內(nèi)容吧,需要的朋友可以參考一下2021-11-11