微信小程序如何获取图片高度信息

微信小程序如何获取图片高度信息,第1张

微信小程序获取高度的方法有多种,以下是其中几种常用的方法:

1 使用wxgetImageInfo()方法获取信息,包括的宽、高等信息,代码如下:

wxgetImageInfo({

src: '路径',

success: function (res) {

consolelog(reswidth) // 宽度

consolelog(resheight) // 高度

}

})

2 使用Image对象获取高度,代码如下:

var img = new Image()

imgonload = function () {

consolelog(imgheight) // 高度

}

imgsrc = '路径'

3 使用小程序自带的组件,如image标签,通过bindload事件获取高度,代码如下:

<image src="路径" bindload="getImageHeight"></image>

getImageHeight: function (e) {

consolelog(edetailheight) // 高度

}

以上是微信小程序获取高度的几种方法,开发者可根据实际需求选择适合自己的方法。

一张分成四(n)个区域,各自显示拼成一张,可以用background-position指定显示的区域。然后再wxnavigateTo跳转到不同的页面。这种方法不太好,但是目前只想出这种

可以的。

联想GeekPro2020

Windows 10

微信。

方法/步骤:

1、打开电脑,在电脑上准备一张照片,如图所示,我们的这张照片大小有两兆多。

2、接下来我们要打开电脑自带的画图工具,首先打开电脑左下角位置的开始按钮,然后在里面选择画图工具。

3、打开画图工具以后,如下图所示,选择打开按钮,找到我们要处理的照片。

4、在画图工具里面打开照片,如下图所示,这时候我们要处理怎样把大小变成我们需要的大小。点击如下图所示的“重新调整大小”按钮。

5、点开重新调整大小按钮,如下图所示的对话框。如果我们要将图示的两兆多的照片变成200k以内的大小的话,我们要将其缩小1/5左右,那么如下图所示,需要将100%比例调整为20%的比例。

6、调整好以后,点击上图中的确定按钮,出现如下图所示的,这时候我们只需要点击保存按钮即可将照片的大小修改成200K以内。

7、回到桌面中,我们再检查一下处理好的,发现的大小变成了我们需要的大小。

以上就是关于微信小程序如何获取图片高度信息全部的内容,包括:微信小程序如何获取图片高度信息、微信小程序怎么实现点击图片不同位置跳转不同页面、微信小程序不能改图片吗等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9836739.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存