第一步:将本地图片转化成网址。网上搜索即可,这类网站比较多,成功后获得网址,接下来开始更改图片的大小(上传一张本地图片后获得的网址如下:
)
第二步:更改图片的大小。
wxml方面:
<view class="part1">
<image class="icon" src="{{icon2}}"></image>
</view>
wxss方面:
//设置view的大小
.part1{
height: 200rpx;
width: 100%;
}
//设置view中图片的大小,icon图片中的大小是相对view来说的,此处宽度占前面设置的view的70%,此处高度占前面设置的view的80%
.icon{
width: 70%;
height: 80%;
}
js方面:
Page({
data: {
icon2:'https://i.postimg.cc/B6GqpX7z/image.png',
},
效果图如下:

本文介绍了如何通过WXML标签、WXSS样式表和JavaScript在Web项目中,将本地图片转换为网络地址并调整其大小。以一个示例展示了如何在小程序中设置图片尺寸,使其在页面上适应设计要求。
2993

被折叠的 条评论
为什么被折叠?



