微信小程序使用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组件的详细说明还可参考官网https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html

希望本文所述对大家微信小程序开发有所帮助。

以上就是微信小程序使用image组件显示图片的方法【附源码下载】。任何人都不可依赖,要生存只有靠自己。更多关于微信小程序使用image组件显示图片的方法【附源码下载】请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
微信小程序如何访问公众号文章

微信小程序实现类似微信点击语音播放效果

微信小程序wx.request拦截器使用详解

微信小程序在ios下Echarts图表不能滑动的问题解决

小程序中canvas的drawImage方法参数使用详解