微信小程序使用image組件顯示圖片的方法【附源碼下載】
更新時間：2017年12月08日 09:58:05 作者：FutrueJet
這篇文章主要介紹了微信小程序使用image組件顯示圖片的方法,結合實例形式簡單分析了微信小程序附image組件的相關使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了微信小程序使用image組件顯示圖片的方法。分享給大家供大家參考，具體如下：
1、效果展示
2、關鍵代碼
① index.wxml
復制代碼 代碼如下:
<image style="width: 300px; height: 300px; margin:10px;" mode="scaleToFill" src="{{imageSrc}}"></image>
② index.js
Page({
data:{
// text:"這是一個頁面"
imageSrc:'../../pages/image/img.jpg'
}
})
3、源代碼點擊此處本站下載。
關于image組件的詳細說明還可參考官網(wǎng)https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
js 獲取網(wǎng)絡圖片的高度和寬度的實現(xiàn)方法(變通了下)
簡單地說就是把圖片放入一個自動伸縮的DIV中，然后獲取DIV的寬和高！這個不錯的變通，大家可以參考下。2009-10-10
本文分步驟給大家介紹了微信小程序自定義prompt組件,文中通過實例代碼相結合的形式給大家介紹的非常詳細，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了javascript實現(xiàn)瀑布流的兩種布局方式，一是絕對式布局、二是列式布局，詳細介紹了這兩種布局方式的原理，本文重點介紹列式布局，感興趣的小伙伴們可以參考一下2016-01-01
在實際工作中，我們應該經(jīng)常會看到一些功能上沒有問題，但編碼風格和規(guī)范卻十分糟糕的代碼，這往往會讓人不敢再往下閱讀，甚至會影響閱讀者一天的心情。本文的目的在于幫助那些沒有養(yǎng)成良好的編碼風格，缺乏相應編碼規(guī)范意識的JavaScript學習者們改善他們的編碼形象。2017-03-03
JavaScript實現(xiàn)計算多邊形質心的方法示例
這篇文章主要介紹了JavaScript實現(xiàn)計算多邊形質心的方法,結合實例形式分析了javascript針對多邊形質心數(shù)學計算的相關操作技巧,需要的朋友可以參考下2018-01-01
基于mouseout和mouseover等類似事件的冒泡問題解決方法
這篇文章主要介紹了關于mouseout和mouseover等類似事件的冒泡問題解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了Javascript組合繼承方法代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
使用three.js可以方便的讓我們在網(wǎng)頁中做出各種不同的3D效果，下面這篇文章主要給大家介紹了關于利用Three.js如何實現(xiàn)陰影效果的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
Layui實現(xiàn)數(shù)據(jù)表格中鼠標懸浮圖片放大效果,離開時恢復原圖的方法
今天小編就為大家分享一篇Layui實現(xiàn)數(shù)據(jù)表格中鼠標懸浮圖片放大效果,離開時恢復原圖的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
很多的新手朋友們對js中的時間格式與時間戳的轉換比較陌生，下面就為大家詳細介紹下具體的轉換步驟，感興趣的朋友可以參考下2013-12-12