专注连锁门店会员营销管理系统
线上+线下+进销存+收银+会员2020-09-27 作者:秩名
我们在分享一个微信小程序到微信群时,会显示一个封面图 ,这个封面图一般是由尺寸要求的,如果不符合尺寸要求,该如何设置呢?下面是这篇对话框微信小程序图片尺寸。
我们知道微信小程序的转发时的封面图片比例固定为5:4,具体内容详见小程序开发文档:
但是,在实际开发时我们有时需要将某张动态请求的网络图片作为转发封面图(比如文章封面),而这张图片又往往不符合 5:4 的比例要求。这时,如果我们直接将这张图片作为封面图其实也是可以的,只不过将长宽比大于 5:4 作为转发封面时,封面下可能会留有部分空白。
因此,为了更加美观,我们必须将图片按照 5:4 比例进行适当地裁剪,而我写本文的目的也正是如此。
前端要裁剪图片,我们首先就要想到用Canvas,写H5如此,微信小程序当然也是如此。
我们要用到的canvas当然不能直接在页面中显示,所以可以使用负定位值的方式将其隐藏。
2. 下载网络图片我们可以使用wx.downloadFile()来下载网络图片,也可以使用wx.getImageInfo(),因为我们这里需要获取到图片的宽高,所以这里就要用到wx.getImageInfo()来进行图片的下载。
以下是我封装的专门用于裁剪图片比例大于 5:4 的图片,裁剪方式是截取图片中间部分(当然你也可以试着写下裁剪小于 5:4 的图片):
以上就是这篇小程序转发图片尺寸设置 ,需要更多小程序开发内容,可以查看本网站,谢谢。
HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。更多小程序请查看:小程序商店
线上+线下+进销存+收银+会员门店零售管理好帮手
门店能实现快速收银,提升门店经营效率。
系统自带进销存管理,更好管理库存销售。
配备收银硬件一站式整体服务。
收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款
获取报价推荐文章
最新消息总结,开发一个小程序我们可以选择的第三方框架有5种,大家比较熟悉的有美团小程序框架mpvue,还有组件化框架等...
最近在调研小程序的分享能力,本篇文档主要是调研小程序关于分享方面的玩法,目的是学习小程序在项目应用以及玩法链上...
许多人在使用小程序,会有一个很麻烦的事情,就是使用过小程序之后,会不断的发送自己的定位消息,那么这个小程序的...
一款小程序,很多时候需要调用内置的照相机,实现拍照并图片上传,那么要如何实现呢?...
长沙小程序制作公司选择指南 在数字化浪潮中,小程序已成为企业拓展业务、提升用户体验的重要工具。对于长沙的企业和...
长沙小程序价格百科 在长沙,小程序开发价格因多种因素而有所不同。接下来,我们将从功能需求、开发模式、设计要求这...
长沙小程序开发制作公司全知道 在数字化浪潮中,小程序已成为企业拓展业务、提升用户体验的关键工具。长沙作为互联网...
1. 长沙小程序制作公司哪家好价格便宜 在长沙,想找价格便宜且靠谱的小程序制作公司,需先了解小程序开发模式。模板类...
长沙小程序制作开发百科 在数字化浪潮中,长沙的企业与商家纷纷将目光投向小程序制作开发,期望借此拓展业务、提升用...
长沙微信小程序定制制作公司相关介绍 在数字化浪潮中,微信小程序已成为企业拓展业务、提升用户体验的重要工具。长沙...