微信小程序使用image組件顯示圖片的方法【附源碼下載】
更新時(shí)間：2017年12月08日 09:58:05 作者：FutrueJet
這篇文章主要介紹了微信小程序使用image組件顯示圖片的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了微信小程序附image組件的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實(shí)例講述了微信小程序使用image組件顯示圖片的方法。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
① index.wxml
復(fù)制代碼 代碼如下:
<image style="width: 300px; height: 300px; margin:10px;" mode="scaleToFill" src="{{imageSrc}}"></image>
② index.js
Page({
data:{
// text:"這是一個(gè)頁(yè)面"
imageSrc:'../../pages/image/img.jpg'
}
})
3、源代碼點(diǎn)擊此處本站下載。
關(guān)于image組件的詳細(xì)說(shuō)明還可參考官網(wǎng)https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
JavaScript中日常收集常見(jiàn)的10種錯(cuò)誤(推薦)
本文是小編給大家日常收集整理的js中常見(jiàn)的10種錯(cuò)誤，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01
前端排查內(nèi)存泄漏的方法及實(shí)戰(zhàn)案例
內(nèi)存泄漏是指在程序運(yùn)行時(shí),分配的內(nèi)存沒(méi)有被正確釋放,導(dǎo)致內(nèi)存空間的浪費(fèi),最終可能會(huì)導(dǎo)致程序崩潰或運(yùn)行緩慢,這篇文章主要介紹了前端排查內(nèi)存泄漏的相關(guān)資料,需要的朋友可以參考下2025-03-03
javascript制作坦克大戰(zhàn)全紀(jì)錄（2）
上文我們簡(jiǎn)單的完成了坦克大戰(zhàn)的雛形，本文我們來(lái)繼續(xù)完善坦克大戰(zhàn)，接下來(lái)我們來(lái)學(xué)習(xí)制作地圖和碰撞檢測(cè)方面的問(wèn)題。2014-11-11
JavaScript TypeScript實(shí)現(xiàn)貪吃蛇游戲完整詳細(xì)流程
這篇文章主要介紹了JavaScript TypeScript實(shí)現(xiàn)貪吃蛇游戲流程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript計(jì)算正方形面積，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
分包指的是把一個(gè)完整的小程序項(xiàng)目,按照需求劃分為不同的子包, 在構(gòu)建時(shí)打包成不同的分包,用戶在使用時(shí)按需進(jìn)行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包操作的相關(guān)資料,需要的朋友可以參考下2022-10-10
關(guān)于使用runtimeStyle屬性問(wèn)題討論文章
關(guān)于使用runtimeStyle屬性問(wèn)題討論文章...2007-03-03
微信小程序ajax實(shí)現(xiàn)請(qǐng)求服務(wù)器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能示例
這篇文章主要介紹了微信小程序ajax實(shí)現(xiàn)請(qǐng)求服務(wù)器數(shù)據(jù)及模版遍歷數(shù)據(jù)功能,結(jié)合實(shí)例形式分析了微信小程序ajax調(diào)用及模板wx:for循環(huán)列表渲染相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文字滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
JavaScript轉(zhuǎn)換數(shù)據(jù)庫(kù)DateTime字段類型方法
下面小編就為大家?guī)?lái)一篇JavaScript轉(zhuǎn)換數(shù)據(jù)庫(kù)DateTime字段類型方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06