微信小程序图片使用示例

发布时间：2023-08-03 17:26:19 作者：Anoxia. 阅读量：6169

微信小程序图片开发一般包括加载本地图片，加载服务器图片，已经背景图，那么微信小程序下面为大家介绍图片处理的常用的小程序图片使用样式。

1：加载本地文件夹图片

1. <image src="/image/pig.jpg" mode="aspectFill">
2. </image>

2:加载服务器图片

wxml:

1. <image src="{{imageUrl}}" mode="aspectFill">
2. </image>

js:

1. Page({
2. data: {
3. imageUrl: "http://www.intmote.com/timg.jpg",
4.  
5. },

       g  或者直接在wxml写代码：

1. <image src="http://www.intmote.com/timg.jpg" mode="aspectFill">
2. </image>

3：给小程序页面加载一张背景图片

方法一：  使用背景图片的时候用网络图片，就是用外链的形式，比如你将这张图片放到你的服务器。

方法二：  将背景图片使用编码base64进行转换，可以在这个网址进行http://tool.css-js.com/base64.html 转换，如：background-image: url("转换后得到的编码文本")，如果多次使用的话可以将该值设置为全局变量，再在js文件进行引用即可；

90后前端妹子，爱编程，爱运营，爱折腾。  坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家加入群聊，一起探讨交流。

我要评论

网友评论

评论时间：2024-04-09 12:54:02

手机app开发制作推荐 四、如何打开一个页面：网页封装APP的软件

回复

回复 

置顶通知！发帖请务必遵守法律法规

微信支付下载对账单开发CloudPay.downloadBill()

wx.navigateBack(OBJECT),小程序关闭当前页面返回上一页面（1）

如何制作微信小游戏

微信支付查询退款开发CloudPay.queryRefund()

微信小程序尺寸及外边距设置调整技巧

考古APP开发 感受历史的魅力考古APP开发

安全教育app开发解决方案

门店小程序类目资质表

广州APP开发企业APP制作公司

一招告诉你小程序码怎么生成？

一文告诉你为什么鲜花店老板主动要做小程序?

未来五年企业APP开发将成为炙手可热的职位

服装生意冷淡，APP软件开发成香饽饽

智能手机的时代，手机刷卡离我们还远么

APP开发外包公司：视频app借“七夕表白”

五一在即，旅行app你准备好了吗

APP开发交互设计趋势分析APP开发公司

本地头条新闻APP开发:不用编程,让你一个人顶一个电视台

广州APP开发未来的发展趋势

剖析APP开发跨平台与非跨平台对比

税务app开发 办税无压力税务app开发

微信小程序的制作流程

「体育行业app开发」体育行业app开发谁好？案例跟商业模式