|
在小程序的开发过程中，页面布局中，我们经常会遇到一些图片处理的问题，比如，如果图片不是固定高度和高度，但image设置的是固定的高度和宽度，这时候原始图片相对image设置的固定高度和宽度不是等比例大小，那么这张图片就会变形，变的不清晰。这时就可以使用下面的等比例缩放的方式缩放图片，让图片不变形。或者通过image的bindload方法动态的获取图片的高度和宽度，动态的设置图片的高度和宽度，是图片布局的高度和宽度和原始图片的高度和宽度相等。
1.图片等比例缩放工具//Util.js
class Util{
/***
* 按照显示图片的宽等比例缩放得到显示图片的高
* @params originalWidth 原始图片的宽
* @params originalHeight 原始图片的高
* @params imageWidth 显示图片的宽，如果不传就使用屏幕的宽
* 返回图片的宽高对象
***/
static imageZoomHeightUtil(originalWidth,originalHeight,imageWidth){
let imageSize = {};
if(imageWidth){
imageSize.imageWidth = imageWidth;
imageSize.imageHeight = (imageWidth * originalHeight) / originalWidth;
}else{//如果没有传imageWidth,使用屏幕的宽
wx.getSystemInfo({
success: function (res) {
imageWidth = res.windowWidth;
imageSize.imageWidth = imageWidth;
imageSize.imageHeight = (imageWidth * originalHeight) / originalWidth;
}
});
}
return imageSize;
}
/***
* 按照显示图片的高等比例缩放得到显示图片的宽
* @params originalWidth 原始图片的宽
* @params originalHeight 原始图片的高
* @params imageHeight 显示图片的高，如果不传就使用屏幕的高
* 返回图片的宽高对象
***/
static imageZoomWidthUtil(originalWidth,originalHeight,imageHeight){
let imageSize = {};
if(imageHeight){
imageSize.imageWidth = (imageHeight *originalWidth) / originalHeight;
imageSize.imageHeight = imageHeight;
}else{//如果没有传imageHeight,使用屏幕的高
wx.getSystemInfo({
success: function (res) {
imageHeight = res.windowHeight;
imageSize.imageWidth = (imageHeight *originalWidth) / originalHeight;
imageSize.imageHeight = imageHeight;
}
});
}
return imageSize;
}
}
export default Util;
# 微信小程序中关于图片处理的的一些问题
相关文章：
遇到一些“做任务”的cpa推广你可要小心了，很容易被骗！
推广美女直播类app的cpa广告联盟，和其他的广告联盟相比有何优势？
手机淘宝店铺怎么推广？推广预算费用是多少？
6个可以利用手机赚钱兼职做任务的app和平台介绍！
网站推广专家教你把握网站内容的原创度
新手如何做CPA项目可以达到日赚500？我来教你！
微信朋友圈广告如何投放？如果要推广怎么收费？
cpc广告和cpm广告是什么意思？应该怎么做？
新手如何通过在日付广告联盟上做cpa推广赚钱？
什么是在线广告推广？在线广告推广平台有哪些？
亚马逊如何推广新品？怎么操作？
同城服务类APP推广引流实操干货分享！
怎么在网上赚钱？网上赚钱的10个方法和渠道拿走！
新手做自媒体运营的5大实用技巧和7个必备工具！
信息流广告怎么投放比较好？详细步骤和注意事项解析！
2021年网上赚钱方法有哪些？这四个最值得做！
如何利用10000IP打造一个年入几十万的赚钱项目？
CPA广告联盟都是怎么分析和判断数据是不是作弊的？
如何用手机赚钱？最容易赚钱的10个手机赚钱项目送给你！
网站上挂的广告联盟平台上的联盟广告不赚钱怎么办？
微博推广多少钱一次？微博推广的效果如何？
想做全网营销要注意哪些问题呢？
cpa广告联盟上推广哪类cpa产品最赚钱？
cpa网赚大神利用猪八戒月入过万的经验分享！
云裂变带你重新认识网络品牌推广
想通过广告联盟作弊快速赚钱？最终只能因为贪心而反噬自身！
教你一个日赚500+的cpa广告推广方法，另类游戏cpa推广！
边玩游戏边赚钱？通过玩手机游戏赚钱的8款手游推荐！
想做淘宝店怎么入行？如何推广？
在cpa广告联盟平台推广cpa项目赚钱有哪些优势？
相关栏目：
【
SEO优化45326 】
【
技术教程24582 】
【
IDC资讯40819 】
【
网络快讯6531 】
【
SEO推广6472 】
- 上一篇
- C++ 自身函数如何优化程序性能
- 下一篇
- C++ lambda 表达式与闭包：在函数式编程中的应用
随便看看
- SEO排名优化十大方法助你网站脱颖而出,怎样才能做好seo 发布日期： 2025-04-12
- 哈尔滨谷歌网络SEO优化助力企业腾飞的关键步骤,河南seo营销有哪些企业 发布日期： 2025-04-12
- 吉林贴心SEO优化口碑推荐助力企业网络营销新篇章,现代化网站优化代理品牌 发布日期： 2025-04-12
- 南阳SEO公司推荐19火星助力企业腾飞的秘密武器,赛高seo 发布日期： 2025-04-12
- SEO利器,肆金手指六六二九关键词布局的艺术,重庆seo职位 发布日期： 2025-04-12
- 区块链SEO企划案区块链领域高效关键词布局步骤,珠海关键词排名推广营销 发布日期： 2025-04-12
- SEO助力网络营销精准定位，提升品牌影响力,连云港网站的优化方法 发布日期： 2025-04-12
- SEO工程师证书开启专业SEO之路的钥匙,网盟推广seo 发布日期： 2025-04-12
- SEO平台推广与百度推广双管齐下，助力企业品牌腾飞,和优化网站挺秀云速捷 发布日期： 2025-04-12
- SEO快速排名之路v芯hfqjwl刷词的奥秘,丰都网站优化多少钱 发布日期： 2025-04-12
- 光谷抖音SEO公司排名，助力企业抢占流量高地,seo周导 发布日期： 2025-04-12
- SEO蜘蛛侠V301破解搜索引擎优化新篇章,新手怎么网站优化 发布日期： 2025-04-12
- SEO万金手指专业二九高效关键词布局步骤,青海长沙seo优化单位 发布日期： 2025-04-12
- SEO与SEM探寻搜索引擎营销的奥秘,白城seo技巧的好方法 发布日期： 2025-04-12
- SEO个人简历表模板打造专业形象，助力职场发展,彭晓泉 seo 发布日期： 2025-04-12
- SEO优化之巅哪些网站堪称SEO典范,徐州网站优化联系电话查询 发布日期： 2025-04-12
- SEO优化在大学教育中的重要与应用,seo翻墙 发布日期： 2025-04-12
- SEO优化电脑操作方法与步骤，助力网站排名提升,关键词排名靠前展现量低 发布日期： 2025-04-12
- 大同智能化SEO优化助力企业互联网时代腾飞,习水seo优化怎么样 发布日期： 2025-04-12
- 在线SEO互联网时代网站优化之路,seo 维基 发布日期： 2025-04-12
- 培训机构SEO薪资构成高薪背后的秘密,女装标题关键词排名 发布日期： 2025-04-12
- SEO标准关键词推广步骤与实战指南,泰安市seo优化公司 发布日期： 2025-04-12
- SEO标题长度对优化影响关键词布局的艺术,黑帽镜像seo 发布日期： 2025-04-12
- SEO步骤新篇章子域名在搜索引擎优化中的应用与优势,杭州seo公司竞价排名 发布日期： 2025-04-12
- 平江SEO网站优化哪家好行业翘楚，助力企业腾飞,揭阳seo广告投放 发布日期： 2025-04-12
- 山西SEO全网推广营销软件助力企业打造网络品牌新高度,四会seo整站优化 发布日期： 2025-04-12
- 峡江SEO详细百度优化步骤，助力企业网站腾飞,网站设计模板对于seo优化影响 发布日期： 2025-04-12
- SEO管理能力在幼儿园网站优化中的应用与方法,句容网站自然优化 发布日期： 2025-04-12
- SEO网站优化培训助力企业网站排名提升，掌握网络营销新趋势,东莞快排seo网站推广 发布日期： 2025-04-12
- 家居网站SEO优化打造网络家居品牌的黄金法则,SEO人才绿卡时间流程 发布日期： 2025-04-12
友情链接：
标签arclist报错：指定属性 typeid 的栏目ID不存在。
标签arclist报错：指定属性 typeid 的栏目ID不存在。
|
