微信小程序图片根据屏幕比例缩放

  // 图片根据屏幕比例缩放imageUtil(e) { let self = this,imageSize = {},originalWidth = e.detail.width,//图片原始宽 originalHeight = e.detail.height,//图片原始高 originalScale = originalHeight/originalWidth;//图片高宽比 let windowWidth = self.data.phoneInfo.windowWidth,windowHeight = self.data.phoneInfo.windowHeight,windowscale = windowHeight/windowWidth;//屏幕高宽比 if(originalScale < windowscale){//图片高宽比小于屏幕高宽比 //图片缩放后的宽为屏幕宽 imageSize.imageWidth = windowWidth; imageSize.imageHeight = (windowWidth * originalHeight) / originalWidth; }else{//图片高宽比大于屏幕高宽比 //图片缩放后的高为屏幕高 imageSize.imageHeight = windowHeight; imageSize.imageWidth = (windowHeight * originalWidth) / originalHeight; };return imageSize;},

微信小程序图片根据屏幕比例缩放相关推荐

微信小程序图片比例被压缩
微信小程序图片比例被压缩解决: mode='aspectFit' <image class='search' src='/icon/search.png' mode='aspectFit'&g ...
微信小程序图片裁剪插件image-cropper
image-cropper 一款高性能的微信小程序图片裁剪插件,支持旋转.设置尺寸功能亮点 1.支持旋转支持旋转支持旋转. 2.性能超高超流畅,大图毫无卡顿感. 3.可以设置导出图片尺寸. 4.自由 ...
微信小程序图片（头像）裁剪工具we-cropper含2d版-完整版
微信小程序图片(头像)裁剪工具we-cropper含2d版-完整版本教程基于 we-cropper v1.4.0,非本人同意禁止任何形的转载 we-cropper官方下载链接效果图一.非2d版 ...
微信小程序图片全屏预览组件，并解决svg真机显示黑屏问题
自己码了个微信小程序图片全屏预览组件,并解决了svg真机显示黑屏问题(即png等格式可以正常显示,但就svg无法显示). /*** 微信小程序图片预览组件* 1.支持预览svg.png.jpeg.jp ...
微信小程序图片轮转播放
微信小程序图片轮播步骤一:创建项目,注意创建的路径,路径中涉及到的文件最好用英文命名. 这里将项目创建在D:\SotfWare\WechatPG\test1.test1是项目的文件名.创建结束之后, ...
小程序图片上传php后台,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
微信小程序图片上传九宫格拖拽组件
微信小程序图片上传&九宫格拖拽组件前言图片上传加九宫格拖拽是一个比较常用的组件,常用于发帖或者评论等内容上传模块,我这篇九宫格拖拽的思路是借鉴了一款优雅的小程序拖拽排序组件实现这篇文章实 ...
微信html5图片裁切,微信小程序图片裁剪工具we-cropper
微信小程序图片裁剪工具we-cropper 一款灵活小巧的canvas图片裁剪器在线体验 Feature 实用的API 灵活的钩子函数多场景的demo可供参考: 常规裁剪上传裁剪头像裁剪网络图 ...

微信小程序图片根据屏幕比例缩放

微信小程序图片根据屏幕比例缩放相关推荐

最新文章

热门文章