介绍//Util.js ,
,,
class Util {,,
,,
,,,/* * *,
,,,,*,按照显示图片的宽等比例缩放得到显示图片的高,
,,,,*,@params originalWidth ,原始图片的宽,
,,,,*,@params originalHeight 原始图片的高,
,,,,*,@params imageWidth ,,,,显示图片的宽,如果不传就使用屏幕的宽,
,,,,*,返回图片的宽高对象,
,,,* * */,,
,,,static imageZoomHeightUtil (originalWidth, originalHeight imageWidth) {,,
,,,,,,,let imageSize =, {},,,
,,,,,,,如果(imageWidth) {,,
,,,,,,,,,,,imageSize.imageWidth =, imageWidth;,,
,,,,,,,,,,,imageSize.imageHeight =, (imageWidth *, originalHeight),/, originalWidth;,,
,,,,,,,其他}{//如果没有传imageWidth,使用屏幕的宽,,
,,,,,,,,,,,wx.getSystemInfo ({,,,
,,,,,,,,,,,,,,,成功:,function (res), {,,,
,,,,,,,,,,,,,,,,,,,imageWidth =, res.windowWidth;,,,,
,,,,,,,,,,,,,,,,,,,imageSize.imageWidth =, imageWidth;,,
,,,,,,,,,,,,,,,,,,,imageSize.imageHeight =, (imageWidth *, originalHeight),/, originalWidth;,,
,,,,,,,,,,,,,,,},,,,
,,,,,,,,,,,});,,
,,,,,,,},,
,,,,,,,return 图象尺寸;,,
,,,},,
,,
,,,/* * *,
,,,,*,按照显示图片的高等比例缩放得到显示图片的宽,
,,,,*,@params originalWidth ,原始图片的宽,
,,,,*,@params originalHeight 原始图片的高,
,,,,*,@params imageHeight ,,,显示图片的高,如果不传就使用屏幕的高,
,,,,*,返回图片的宽高对象,
,,,* * */,,
,,,static imageZoomWidthUtil (originalWidth, originalHeight imageHeight) {,,
,,,,,,,let imageSize =, {},,,
,,,,,,,如果(imageHeight) {,,
,,,,,,,,,,,imageSize.imageWidth =, (imageHeight * originalWidth),/, originalHeight;,,
,,,,,,,,,,,imageSize.imageHeight =, imageHeight;,,
,,,,,,,其他}{//如果没有传imageHeight,使用屏幕的高,,
,,,,,,,,,,,wx.getSystemInfo ({,,,
,,,,,,,,,,,,,,,成功:,function (res), {,,,
,,,,,,,,,,,,,,,,,,,imageHeight =, res.windowHeight;,,
,,,,,,,,,,,,,,,,,,,imageSize.imageWidth =, (imageHeight * originalWidth),/, originalHeight;,,
,,,,,,,,,,,,,,,,,,,imageSize.imageHeight =, imageHeight;,,
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
小编给大家分享一下微信小程序中图片处理的问题有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
在小程序的开发过程中,页面布局中,我们经常会遇到一些图片处理的问题,比如,如果图片不是固定高度和高度,但形象设置的是固定的高度和宽度,这时候原始图片相对图像设置的固定高度和宽度不是等比例大小,那么这张图片就会变形,变的不清晰。这时就可以使用下面的等比例缩放的方式缩放图片,让图片不变形,或者通过形象的bindload方法动态的获取图片的高度和宽度,动态的设置图片的高度和宽度,是图片布局的高度和宽度和原始图片的高度和宽度相等。
1。图片等比例缩放工具
[AppleScript]
